6 replies to this topic

[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.

[Jenny]

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

[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;}

[Kate]

Please replace your current code with this:

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

[nicosec]

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

[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.

[nicosec]

Thank you... That did the trick.