Title: Sidebar width
Last modified: August 21, 2016

---

# Sidebar width

 *  Resolved [profond](https://wordpress.org/support/users/profond/)
 * (@profond)
 * [12 years ago](https://wordpress.org/support/topic/sidebar-width-27/)
 * Hi,
    I would really need some help changing the width of sidebars. I’ve looked
   in the stylesheet and tried changing the % but it didn’t work.
 * /* Main Sidebar */
    .sidebar-frame { width: **26%;** margin: 10px 0; background:
   transparent; z-index: 2; /*float: right; */

Viewing 10 replies - 1 through 10 (of 10 total)

 *  [baszer](https://wordpress.org/support/users/baszer/)
 * (@baszer)
 * [12 years ago](https://wordpress.org/support/topic/sidebar-width-27/#post-4839436)
 * what is your URL of the website, so we can have a look?
 *  Thread Starter [profond](https://wordpress.org/support/users/profond/)
 * (@profond)
 * [12 years ago](https://wordpress.org/support/topic/sidebar-width-27/#post-4839441)
 * [http://www.wordpress.tattoomagazine.se/](http://www.wordpress.tattoomagazine.se/)
 *  [Piyush](https://wordpress.org/support/users/piyushpesw/)
 * (@piyushpesw)
 * [12 years ago](https://wordpress.org/support/topic/sidebar-width-27/#post-4839445)
 * hi
 * Please take a backup before doing any changes .
    If you want to change the please
   change the width on this class,line number 806 .col2-l .sidebar-frame { float:
   right; width: 24%; }
 *  [baszer](https://wordpress.org/support/users/baszer/)
 * (@baszer)
 * [12 years ago](https://wordpress.org/support/topic/sidebar-width-27/#post-4839457)
 * you were almost there,
 * when you make the sidebar wider (code below),
 *     ```
       .col2-l .sidebar-frame
       {
       	width: 37%;
       	float: right;
       }
       ```
   
 * you should make the left side smaller:
 *     ```
       .col2-l #content-box, .col2-l .standard-posts-wrapper
       {
       	float: left;
       	width: 56%;
       }
       ```
   
 * just play with the widths till you like it.
 *  Thread Starter [profond](https://wordpress.org/support/users/profond/)
 * (@profond)
 * [12 years ago](https://wordpress.org/support/topic/sidebar-width-27/#post-4839462)
 * Thank you so much for your respons. But it doesn’t seem to work for me. Do I 
   have to change in more places than col2-l?
    Sorry if I’m a bit slow 😛
 *  [baszer](https://wordpress.org/support/users/baszer/)
 * (@baszer)
 * [12 years ago](https://wordpress.org/support/topic/sidebar-width-27/#post-4839463)
 * if you find .col2-l .sidebar-frame , you should change the width, and also find
   the line: .col2-l #content-box, .col2-l .standard-posts-wrapper and change here
   the width. That should do the trick.
 *  Thread Starter [profond](https://wordpress.org/support/users/profond/)
 * (@profond)
 * [12 years ago](https://wordpress.org/support/topic/sidebar-width-27/#post-4839466)
 * It’s strange, I have these values:
 * .col2-l .sidebar-frame {
    width: 60%; float: right;
 * .col2-l #content-box,
    .col2-l .standard-posts-wrapper { float: left; width: 
   40%;
 * But you can look at the page, [http://www.wordpress.tattoomagazine.se/](http://www.wordpress.tattoomagazine.se/)
   it doesn’t work… Haha I don’t know what I’m doing wrong here
 *  [baszer](https://wordpress.org/support/users/baszer/)
 * (@baszer)
 * [12 years ago](https://wordpress.org/support/topic/sidebar-width-27/#post-4839471)
 * try a refresh, as it works at my place 😉
 * [http://prntscr.com/3cmds4](http://prntscr.com/3cmds4)
 * if you now want to make the sidebar content bigger, please play with:
 *     ```
       .col2-l .sidebar-frame .sidebar
       {
       	margin-left: 60%;
       }
       ```
   
 *  Thread Starter [profond](https://wordpress.org/support/users/profond/)
 * (@profond)
 * [12 years ago](https://wordpress.org/support/topic/sidebar-width-27/#post-4839474)
 * Hurray, I checked in another browser and it worked. THANK you so very much for
   your help!
 *  [baszer](https://wordpress.org/support/users/baszer/)
 * (@baszer)
 * [12 years ago](https://wordpress.org/support/topic/sidebar-width-27/#post-4839475)
 * You are welcome, please mark this topic as resolved 🙂

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Sidebar width’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/apprise/1.0.7.3/screenshot.png)
 * Apprise
 * [Support Threads](https://wordpress.org/support/theme/apprise/)
 * [Active Topics](https://wordpress.org/support/theme/apprise/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/apprise/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/apprise/reviews/)

 * 10 replies
 * 3 participants
 * Last reply from: [baszer](https://wordpress.org/support/users/baszer/)
 * Last activity: [12 years ago](https://wordpress.org/support/topic/sidebar-width-27/#post-4839475)
 * Status: resolved