Title: changing column width
Last modified: August 19, 2016

---

# changing column width

 *  [Ronnie](https://wordpress.org/support/users/ronniesblog/)
 * (@ronniesblog)
 * [16 years, 4 months ago](https://wordpress.org/support/topic/changing-column-width-1/)
 * can anyone tell me please the best way to go about changing columns widths? [http://www.highlandmeditation.com](http://www.highlandmeditation.com)

Viewing 15 replies - 1 through 15 (of 24 total)

1 [2](https://wordpress.org/support/topic/changing-column-width-1/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/changing-column-width-1/page/2/?output_format=md)

 *  [José Marques](https://wordpress.org/support/users/josemarques/)
 * (@josemarques)
 * [16 years, 4 months ago](https://wordpress.org/support/topic/changing-column-width-1/#post-1363288)
 * 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](https://wordpress.org/support/users/ronniesblog/)
 * (@ronniesblog)
 * [16 years, 4 months ago](https://wordpress.org/support/topic/changing-column-width-1/#post-1363345)
 * 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?
 *  [José Marques](https://wordpress.org/support/users/josemarques/)
 * (@josemarques)
 * [16 years, 4 months ago](https://wordpress.org/support/topic/changing-column-width-1/#post-1363490)
 * 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](https://wordpress.org/support/users/ronniesblog/)
 * (@ronniesblog)
 * [16 years, 4 months ago](https://wordpress.org/support/topic/changing-column-width-1/#post-1363506)
 * 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?
 *  [José Marques](https://wordpress.org/support/users/josemarques/)
 * (@josemarques)
 * [16 years, 4 months ago](https://wordpress.org/support/topic/changing-column-width-1/#post-1363515)
 * 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](https://wordpress.org/support/users/ronniesblog/)
 * (@ronniesblog)
 * [16 years, 4 months ago](https://wordpress.org/support/topic/changing-column-width-1/#post-1363520)
 * 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](https://wordpress.org/support/users/ronniesblog/)
 * (@ronniesblog)
 * [16 years, 4 months ago](https://wordpress.org/support/topic/changing-column-width-1/#post-1363526)
 * 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
 *  [José Marques](https://wordpress.org/support/users/josemarques/)
 * (@josemarques)
 * [16 years, 4 months ago](https://wordpress.org/support/topic/changing-column-width-1/#post-1363538)
 * 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](https://wordpress.org/support/users/ronniesblog/)
 * (@ronniesblog)
 * [16 years, 4 months ago](https://wordpress.org/support/topic/changing-column-width-1/#post-1363553)
 * 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?
 *  [José Marques](https://wordpress.org/support/users/josemarques/)
 * (@josemarques)
 * [16 years, 4 months ago](https://wordpress.org/support/topic/changing-column-width-1/#post-1363556)
 * 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](https://wordpress.org/support/users/ronniesblog/)
 * (@ronniesblog)
 * [16 years, 4 months ago](https://wordpress.org/support/topic/changing-column-width-1/#post-1363557)
 * 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](https://wordpress.org/support/users/ronniesblog/)
 * (@ronniesblog)
 * [16 years, 4 months ago](https://wordpress.org/support/topic/changing-column-width-1/#post-1363588)
 * can anyone help me please on this one?
 *  [José Marques](https://wordpress.org/support/users/josemarques/)
 * (@josemarques)
 * [16 years, 4 months ago](https://wordpress.org/support/topic/changing-column-width-1/#post-1363603)
 * Have tried placing this:
 *     ```
       <div class="sidebar1">
       <?php include (TEMPLATEPATH . '/sidebar1.php'); ?>
       </div>
       ```
   
 * Before `<div class="content">..</div>` ?
 *  Thread Starter [Ronnie](https://wordpress.org/support/users/ronniesblog/)
 * (@ronniesblog)
 * [16 years, 3 months ago](https://wordpress.org/support/topic/changing-column-width-1/#post-1363626)
 * hi jose, thank you v.much… this one looks like its close to working, what do 
   you think? [http://www.highlandmeditation.com](http://www.highlandmeditation.com)
 *  Thread Starter [Ronnie](https://wordpress.org/support/users/ronniesblog/)
 * (@ronniesblog)
 * [16 years, 3 months ago](https://wordpress.org/support/topic/changing-column-width-1/#post-1363634)
 * can anyone give some input into this one please?

Viewing 15 replies - 1 through 15 (of 24 total)

1 [2](https://wordpress.org/support/topic/changing-column-width-1/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/changing-column-width-1/page/2/?output_format=md)

The topic ‘changing column width’ is closed to new replies.

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)

 * 24 replies
 * 4 participants
 * Last reply from: [blacklodge](https://wordpress.org/support/users/blacklodge/)
 * Last activity: [16 years, 1 month ago](https://wordpress.org/support/topic/changing-column-width-1/page/2/#post-1363686)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics