Jump to content
Sign in to follow this  
nicosec

Adding rounded corners to content area

Recommended Posts

nicosec    0
nicosec

I am unable to successfully add rounded corners in the CSS to the content area of the page. If you look at http://www.ddftest.com/brant-secunda I would like the main white content area to have rounded edges. Please let me know which classes I should apply the border radius to.

Share this post


Link to post
Share on other sites
Jenny    33
Jenny

Have you tried adding them to the page-main id?


Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
nicosec    0
nicosec

Yup, gave that a try and still no luck. Any other ideas? It appears that there are many div layers and I am thinking that the rounded corners may have to be applied to a number of divs. Here is what I have so far, which is still not working. /**Rounded Borders**/ #page-main, #dynamic-content, #texture, /*.texture*/ {border:1px solid white; border-radius: 5px; -moz-border-radius:5px;}

Share this post


Link to post
Share on other sites
Kate    3
Kate

Please replace your current code with this:

#page-main{background:#ffffff;-moz-border-radius: 15px;border-radius: 15px;}
	#page-canvas{background:transparent !important;}

Share this post


Link to post
Share on other sites
nicosec    0
nicosec

Kate, thanks for the help, but that did not do the trick. That just made the background disappear. Any other suggestions?

Share this post


Link to post
Share on other sites
kastelic    6
kastelic

You will have to set #page-canvas to transparent (can be done in design control) and then add a white background to #page-main and round the corners, as Kate has described. Otherwise you wont see the corners. Perhaps there was a sytax error in your css, can you try inserting Kate's code again and then post back? Also, if you're on Chrome you will want to add -webkit-border-radius to the rule.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×