Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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?


  #1  
Old Feb 8, 2011, 06:32 PM
zolzi
 
14 posts · Nov 2010
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, 06:38 PM
runnerb0y
 
67 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, 06: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, 11:35 PM
runnerb0y
 
67 posts · Nov 2010
Try this CSS...

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

and see what you get.
  #5  
Old Feb 9, 2011, 11: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, 12:45 PM
runnerb0y
 
67 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.
  #7  
Old Feb 9, 2011, 12:58 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
ato->Style & edit CENTER COLUMN->Center column style
HTML Code:
border-top: solid 4px red;
border-bottom: solid 4px red;
ato->Style & configure SIDEBARS->LEFT sidebar style
HTML Code:
border-left: solid 4px red;
border-top: solid 4px red;
border-bottom: solid 4px red;
ato->Style & configure SIDEBARS->RIGHT sidebar style
HTML Code:
border-right: solid 4px red;
border-top: solid 4px red;
border-bottom: solid 4px red;
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks



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 08:15 PM
Border of widgets right side bar shirley1 Sidebars & Widgets 3 Jul 13, 2010 11: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 02: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 02:03 PM
side columns help on Atahualpa 2.21 Captainfancypants Sidebars & Widgets 3 Apr 18, 2009 02:27 AM


All times are GMT -6. The time now is 11:47 PM.


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