PDA

View Full Version : CSS Question: Rounding the corners


Abronsyth
12-09-2012, 02:04 PM
So, I am trying to set the border radius for the whole content-filled portion of my theme, I am using the blank style.css as a base, and was assuming that I would set the border-radius for the wrapper to make the whole shebang have rounded corners...but it didn't seem to work?

Here's what I've got so far:
#wrapper {
width:980px;
margin:0 auto;
border:3px solid #3F2815;
border-radius:18px;
}

And I tried setting the border-radius for the footer and menu as well, but it still just isn't working. Anyone know how to fix this irritating problem..?

Viewing my site in Google Chrome, which supports Border-radius.

EDIT:
Also tried adding the border-radius to the content, and that didn't work either.

Tequila
12-09-2012, 03:45 PM
Try using the tips found here: http://css-tricks.com/snippets/css/rounded-corners/

Hope it helps!

Abronsyth
12-09-2012, 04:00 PM
Well, I already know how to round corners, but for some reason I can't get it to, on the style.css? I put border-radius in the wrapper, but for some reason I still got some corners sticking out, not rounded.