Try playing around with the width of following styles in your styles.css file:
.contentLayout .content
.contentLayout .sidebar1
.contentLayout .sidebar2
Try using the firebug extension with the Firefox browser to play around with the widths of the columns to see what looks right before changing your styles.css.
Hope it helps!
Thread Starter
Ronnie
(@ronniesblog)
great thats very helpful thanks
what i struggle with though is getting the columns in the following order:
.sidebar2 .content .sidebar1
having the menu at the left, content in the middle and the videos on the right. can you help?
Hum, than can be tricky, but try to float the div’s like this:
.sidebar2{float: left;}
.content{float: left;}
.sidebar1{float: right;}
Thread Starter
Ronnie
(@ronniesblog)
hi jose
it seems the .content will either go immediate left or immediate right no matter how the sidebars are positioned? i take it you can;’t get a float: middle or center or anything like taht?
is there perhaps another command or line of code that could be inserted to assist this?
The problem is that .content div is the first div that shows up on your html, before .sidebar1 and .sidebar2. Try changing your theme so that the .sidebar2 comes first.
Thread Starter
Ronnie
(@ronniesblog)
i did a bit of that just by changing the names in the css from .content to .sidebar1 and 2
i’m not sure if thats what you mean but in doing various connotations of this it still didn’t work out
Thread Starter
Ronnie
(@ronniesblog)
thanks a lot for your help jose
i’ve tried everything and just can’t get the content into the middle
seems it just goes extreme left or right and that’s it
I’m a bit persistent, I’m sure you can do this ;): if your theme has a sidebar.php try to yank the code that generates the sidebar you want on the left and add it to another file like sidebar1.php, then try to do an include of that file in your index.php file, but make sure the include instruction shows up before the loop, but after the header of course.
Thread Starter
Ronnie
(@ronniesblog)
i notice jose that there’s already a sidebar1.php and sidebar2.php
sidebar1 consist only the following code:
<div class=”sidebar1″>
<?php if (!art_sidebar(1)): ?>
<?php endif ?>
</div>
and sidebar2 consists a whole lot more
does this change matters any?
That’s great, now try to find something like this on your index.php:
<?php get_sidebar(1); ?>
<?php get_sidebar(2); ?>
And make sure to move the sidebar you want on the left before the loop, identify the <?php get_header(); ?> call and add the get_sidebar() instruction after that.
Thread Starter
Ronnie
(@ronniesblog)
heres the only references to sidebar i have in index.php?
</div>
<div class=”sidebar1″>
<?php include (TEMPLATEPATH . ‘/sidebar1.php’); ?>
</div>
<div class=”sidebar2″>
<?php include (TEMPLATEPATH . ‘/sidebar2.php’); ?>
</div>
the <?php get_header(); ?> is on the first line of index.php
and these sidebar references are at the very end of the page before <div class=”cleared”></div>
Thread Starter
Ronnie
(@ronniesblog)
can anyone help me please on this one?
Have tried placing this:
<div class="sidebar1">
<?php include (TEMPLATEPATH . '/sidebar1.php'); ?>
</div>
Before <div class="content">..</div> ?
Thread Starter
Ronnie
(@ronniesblog)
hi jose, thank you v.much… this one looks like its close to working, what do you think? http://www.highlandmeditation.com
Thread Starter
Ronnie
(@ronniesblog)
can anyone give some input into this one please?
