Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages »

[SOLVED] Round corners on bottom of center column


  #1  
Old Mar 28, 2012, 03:55 PM
inkdork's Avatar
inkdork
 
41 posts · Sep 2010
Lancaster, CA
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.
  #2  
Old Mar 28, 2012, 04:05 PM
juggledad's Avatar
juggledad
 
23,682 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Mar 28, 2012 at 04:09 PM.
  #3  
Old Mar 28, 2012, 10:49 PM
inkdork's Avatar
inkdork
 
41 posts · Sep 2010
Lancaster, CA
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!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
round corners.... jan92 Center area post/pages 1 Jun 10, 2011 01:30 PM
Inside radius corners for the Center Column Michael Center area post/pages 0 Apr 15, 2010 09:47 PM
Round corners on sidebar? Velma Sidebars & Widgets 4 Jan 14, 2010 09:29 PM


All times are GMT -6. The time now is 07:45 AM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.