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 » Sidebars & Widgets »

[SOLVED] Putting Space Between Sidebars


  #1  
Old Dec 14, 2009, 04:33 AM
DannyLife's Avatar
DannyLife
 
40 posts · Nov 2009
Hi,
If I use both the right sidebar, and inner right sidebar, the only thing (I know) I can do to split them is put a borderline down the middle, if I take the border out it looks like 1 large sidebar. Is there a code I can use to put space between them, so the background shows through the middle and they look like seperate sidebars.

Hope that makes sense, had no idea what to enter in search to find the answer!

Thanks
  #2  
Old Dec 14, 2009, 07:49 AM
juggledad's Avatar
juggledad
 
23,730 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
the middle area of a page (below the header and above the footer) is a one row table with 1 to 5 columns - where the columns are the sidebars and the center area (note: each of these areas are subdivided into tables themselves, but that's another story)

the issue is that while you can put spacine between table cells, it effects all the cells, which isn't what you want. You need to add a new cell between the left and inner-left cells.

here is how you can do it. Edit header.php and find line 35 (version 3.4.4) which will be
HTML Code:
<?php if ( $bfa_ata['left_col'] == "on" ) { ?><col class="colone" /><?php } ?>
and add this after that line
HTML Code:
<col class="colmiddle" />
next change what is now line 45 from
HTML Code:
		<td id="header" colspan="<?php echo $bfa_ata['cols']; ?>">
to
HTML Code:
		<td id="header" colspan="<?php echo ($bfa_ata['cols']); ?>">
next find the now line 79 which should be
HTML Code:
		<!-- / Left Sidebar -->
and change it to
HTML Code:
		<!-- / Left middle Sidebar -->
		<td id="left-middle"> </td>
		<!-- / Left Sidebar -->
and save the
Now you can control the width of the new inner-middle area by adding CSS Insert (at ATO->Add HTML/CSS Inserts->CSS Insert)
HTML Code:
.colmiddle {width: 200px;}
adjusting the width to the size you want
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Dec 17, 2009, 07:56 AM
DannyLife's Avatar
DannyLife
 
40 posts · Nov 2009
Thanks for that, worked perfectly.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Putting Flash between %logo and %menu eyup Header configuration & styling 9 May 27, 2010 05:24 AM
How to create space between TD#Middle and Sidebars? Masselyn Atahualpa 3 Wordpress theme 3 Dec 1, 2009 03:36 AM
putting page numbers in grumper2000 Other BFA WordPress Themes 2 Sep 25, 2009 05:11 PM
putting Plugins in the static page gladiator Plugins & Atahualpa 2 Aug 5, 2009 07:04 AM
Putting the Categories into Tabs tnc Header configuration & styling 2 Mar 17, 2009 05:20 PM


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


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