Return to Support

Rounded corners in content area

Home Forums Graphene WordPress theme Support Rounded corners in content area

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #8655
    DezD
    Member

    Hi Folks

    Is it possible to add rounded corners to the main content area?

    Hope someone can help.

    DezD

    #41749

    It is possible to add rounded corners to just about any block-level element. You can install Firebug on Firefox to identify those elements, and then add the appropriate code to Graphene’s custom CSS feature, or to your child theme’s stylesheet.

    http://www.css3.info/preview/rounded-border/

    Moved to Support. Please post in the correct section next time.

    #41750
    DezD
    Member

    Hi Kenneth

    My apologies, I guessed that your answer was the one I was expecting so wasn’t sure whether to put this as a query or support; lesson learnt.

    Thanks for the reply.

    Regards

    Deryn

    #41751
    DezD
    Member

    Hi Kenneth

    Sorry, I am need of your help again.

    I have identified the div that needs to have rounded corners but when a post is made the post overlays the content-main div which squares off the top corners again.

    See here for an example: http://rachel.mychoiceinternet.com/

    The only way I can see to correct this is to add CSS for each post which will be extremely time consuming. Can you think of a way that all posts can have some CSS attributed to them that would solve the problem?

    I do hope this made sense?

    Many thanks

    Deryn

    #41752
    Quote:
    The only way I can see to correct this is to add CSS for each post which will be extremely time consuming. Can you think of a way that all posts can have some CSS attributed to them that would solve the problem?

    Yup. Try adding this to Custom CSS:

    .post {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-top: medium none;
    }

    That works in Firebug; I haven’t tested it live.

    Now that I’m on my home computer, here’s a great tutorial from Josh on how to use Firebug:

    http://www.joshlobe.com/2011/10/using-mozilla-firebug-to-inspect-css-files/

    I learned a lot from that video!

    #41753
    DezD
    Member

    Hi Kenneth

    Many thanks for that, worked a treat.

    Kind regards

    Deryn

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.