• 0
Sign in to follow this  
Followers 0

Adding rounded corners to content area

Question

Posted · Report post

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

6 answers to this question

  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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
  • 0

Posted · Report post

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
  • 0

Posted · Report post

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
  • 0

Posted · Report post

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
  • 0

Posted · Report post

Thank you... That did the trick.

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  
Followers 0