Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

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

How do I add a border that wraps center and side columns?


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Feb 8, 2011, 05:32 PM
zolzi
 
14 posts · Nov 2010
How do I add a border that wraps center and side columns?

I need to add a border around the main content area. This border should wrap both the main and side columns.

The style "bodyrow" seems to be the one controlling the area I want to modify, but when I add a border through CSS to #bodyrow or tr#bodyrow nothing happens.

The strange thing is that I do see results if I add a background color or font styles to "bodyrow", but NOT if I add a border. So it seems that I am targeting the right class, but the border gets over-ridden by something else?

Running WordPress 3.0.5 and both Atahualpa 3.5.3 and 3.6.4

Thanks!
  #2  
Old Feb 8, 2011, 05:38 PM
runnerb0y
 
63 posts · Nov 2010
If I understand the question...the way I go about it is by styling the Sidebars with a border and style either the Header/Menu area with a bottom border, and style the Footer with a top border, thereby giving the Center Column/Content area the look of a border.
  #3  
Old Feb 8, 2011, 05:46 PM
zolzi
 
14 posts · Nov 2010
Thanks for the suggestion :-)

I tried that, but didn't quite work because of the margins between columns.

Also, I'd love to find a much simpler solution because that would require to style too many different items (bottom border of navigation bar, left border of main column, top border of footer and right border of right column) and it gets complicated for maintenance.

Thanks!
  #4  
Old Feb 8, 2011, 10:35 PM
runnerb0y
 
63 posts · Nov 2010
Try this CSS...

td#middle { border: 2px solid #000000; }

and see what you get.
  #5  
Old Feb 9, 2011, 10:44 AM
zolzi
 
14 posts · Nov 2010
Thanks. It works, but I need the border to be around both the middle and right columns, like the green-ish border around both columns here: http://www.e-ffectiveweb.com/partnerships.htm

Another thing I can't seem to get to work is adding a 10px padding to the right of the right column to create some space between the green border (once I get it going) and the right column.

Again, I'm trying to recreate the layout here: http://www.e-ffectiveweb.com/partnerships.htm

Thanks!
  #6  
Old Feb 9, 2011, 11:45 AM
runnerb0y
 
63 posts · Nov 2010
You may have your work cut out for you with that.

The top, left and bottom border in the center section will be easy, but getting your sidebar to look like it's part of the center content section (and extending the border in the center section into the sidebar will not be fun. Especially if you want the sidebar to have that inner border that's darker green.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How do I add color to border of center column? JulieBMack Center area post/pages 1 Jul 13, 2010 07:15 PM
Border of widgets right side bar shirley1 Sidebars & Widgets 3 Jul 13, 2010 10:01 AM
How can I add an image to a post and have it "float" so the text wraps around it? scrubbs Excerpts, Read more, Pagination 17 Nov 25, 2009 01:35 PM
I want (i did) split the center column in two columns and want to fill it Sakshin Header configuration & styling 8 Aug 30, 2009 01:03 PM
side columns help on Atahualpa 2.21 Captainfancypants Sidebars & Widgets 3 Apr 18, 2009 01:27 AM


All times are GMT -6. The time now is 07:50 PM.


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