Rounded Corners On Website

[dionjwilliams 0]

I'm looking to have the corners on my website rounded instead of it being the rectangle that it is now. Any help? http://chemistmarketing.com

[hyest 0]

Hi Dion, I don't have the same theme as you but try this (it will work with firefox, safari, chrome and IE9 (won't work with any older versions of IE)). Put this code in your "custom code" section:

	.canvas #page-canvas {
	 -moz-border-radius-topleft:15px;
	-moz-border-radius-topright:15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	}
	

Let me know if that works for you!

[hyest 0]

Oh yeah, if that works for you, it was just set to do the top corners. So you could just duplicate that exact code and change out everything that says "top" and change it to "bottom" so that it rounds the bottom corners as well (just duplicate the code inside the parenthesis

[Kate 3]

Thanks for the input, Christopher.

[hyest 0]

I realized Adam published a post for getting rounded corners to work in IE 6-8, in case its important. You can check it out here: http://adammunns.com/ie-6-rounded-corners-for-wordpress-using-css3-pie/

[orilus 0]

No Luck getting this CSS to work for my website, and would love rounded corners with maybe a drop-shadow on the fixed width box. http://austinhomeshop.com/ Any recommendations?

[catrina 103]

There is rounded corner CSS you can try here: http://jonraasch.com/blog/css-rounded-corners-in-all-browsers As for box shadow, the CSS is outlined here: http://www.css3.info/preview/box-shadow/

[dionjwilliams 0]

I've tried everything on this page and NOTHING is working... could there be something small that I"m missing?

[kastelic 6]

The code posted by hyest should work, can you post all your custom CSS here? Maybe there's a typo somewhere in there?