Rounded corners in content area
-
Mod
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.
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
ModQuote: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!
Viewing 6 posts - 1 through 6 (of 6 total)
- You must be logged in to reply to this topic.