Wordpress Themes - WP Forum at BFA - [SOLVED] Round corners on bottom of center column

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Center area post/pages (http://forum.bytesforall.com/forumdisplay.php?f=32)

- - [SOLVED] Round corners on bottom of center column (http://forum.bytesforall.com/showthread.php?t=17154)

[SOLVED] Round corners on bottom of center column

I've got rounded corners on some of my menu items- added the code to the CSS inserts and it worked like a charm. But what I want to do now is round the bottom corners of my center column's white area to match. I've tried pasting in the following in several sections of the theme options, but none seem to be doing the trick.

Code:

-webkit-border-bottom-left-radius: 11px;

-webkit-border-bottom-right-radius: 11px;

-moz-border-radius-bottomleft: 11px;

-moz-border-radius-bottomright: 11px;

border-bottom-left-radius: 11px;

border-bottom-right-radius: 11px;

I've tried pasting it in the Layout tab, as well as the Center Column tab with no luck.

Should I be trying to write this as a CSS insert instead or am I missing something really obvious? I am using the most recent version of the theme.

Thanks in advance.

What version of Atahualpa and WP?
What is the URL?
Where did you try putting it?
What browser are you using?
did you also add a border?

You nailed it! Or rather you got me thinking about the right attribute and I sorted it out.

I am using WP 3.3.1, and Atahualpa 3.7.3. I realized I had not specified a border in either place I tried using the CSS, and when I did, it half worked. It made the rounded corners, but the footer (which I figured out was the ticket) was overlapping them with its squared corners.

Because I already had a border specified for the top of the footer, I added this to my code, and it works beautifully!

Code:

border-left: solid 1px #ffffff;

border-bottom: solid 1px #ffffff;

border-right: solid 1px #ffffff;

-webkit-border-bottom-left-radius: 11px;

-webkit-border-bottom-right-radius: 11px;

-moz-border-radius-bottomleft: 11px;

-moz-border-radius-bottomright: 11px;

border-bottom-left-radius: 11px;

border-bottom-right-radius: 11px;

You can see the working CSS at http://debslosingit.com/. I still want to tweak the radius of the corners a bit, but everything else is in place and working. It appears to be working fine in both Firefox & IE.

Thanks for the direction, once again! :o