Re: How to add a second sidebar to FishBook theme to make it 3-Columns?
I have one solution here for you, although it’ll be up to you to deal with cross browser compatibility as far as the css goes. If the second sidebar is not going to be present on every page, you are going to have problems using this code. ….. be warned!!!
If you are doing this on a live site, make sure you have full backups of your template files. I set this up on an install that I’m playing around with. Its not a live site, it is a place for me to muck around with wordpress and buddypress.
This is just a starting point, but if you know your css you should be just fine
Step 1.
We’ll start with single.php here. this file is found in the bp-default theme folder
around line 57, find this code:
“
Copy that, and paste it a second time right below itself. Add a 2 to the part that says sidebar.php so your two lines now look like this:
“
“
move those two lines to lines 2 and 3, right below
“
Step 2.
Now copy and save sidebar.php as a second file called sidebar2.php. Put that file in the bp-default theme folder so that now you have sidebar.php and sidebar2.php both in there. Open sidebar2.php in a text editor and change the first div at the top from `
Step 3.
Open up the style.css file in the fishbook template folder in an editor.
paste this into that css file:
`div#sidebar2 {
float: right;
width: 224px;
}`
step 4.
now we need to shrink the content area in order to make things fit.
locate: div#content in the css file you have open from fishbook.
replace the css rules with this or something similar. note that this will change the content div dimensions on all parts of your site. you will need to rework the content div structure and names if you only want this happening on certain pages in your site.
`div#content {
position:relative;
width: 55%;
float:left;
}`
this is not cross browser compliant, so you will need to know your css and how to set this up for cross browser compatibility.
Thats a bit of a place to start off anyways. I wish I could be of more help, but I’m not that great with css. If i do manage to come up with a solution that has proper css, I’ll come back and post here.
You would need to place the same code (“) into whatever other files you want to see the second sidebar in. ie. page.php, archive.php, etc.
hope that will help you out in getting started anyways!
dave
