Title: Sidebar Width
Last modified: August 21, 2016

---

# Sidebar Width

 *  [alloyux](https://wordpress.org/support/users/alloyux/)
 * (@alloyux)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/sidebar-width-21/)
 * I’ve recently adjusted my content box on my blog and I’m just getting used to
   WordPress.
 * [http://www.alloyux.com](http://www.alloyux.com)
 * I can’t find out the right value to change in my CSS (and certainly not my html/
   php) that will adjust the sidebar to take up the rest of the space on the left
   side of the page.
 * Here’s a link to the CSS even though I assume most of you are right clicking 
   on the page to see elements.
 * [http://www.alloyux.com/wp-content/themes/contact/style.css](http://www.alloyux.com/wp-content/themes/contact/style.css)

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

 *  [Koliu](https://wordpress.org/support/users/koliu/)
 * (@koliu)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/sidebar-width-21/#post-4391142)
 * Adding this at the bottom of your CSS file should do the trick:
 *     ```
       .sidebar, .sidebar .newd.columns { width: 270px; }
       .sidebar input#s { width: 260px; }
       ```
   
 * Niki
 *  Thread Starter [alloyux](https://wordpress.org/support/users/alloyux/)
 * (@alloyux)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/sidebar-width-21/#post-4391148)
 * So I feel pretty silly, would you mind explaining to me briefly what that did?
 * It worked and I’m much happier now, thank you so much.
 *  [Koliu](https://wordpress.org/support/users/koliu/)
 * (@koliu)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/sidebar-width-21/#post-4391151)
 * No problem at all.
 * If you take a look to your main template, you will notice there are two main 
   divs, one for your sidebar, and one for the main content:
 *     ```
       <div class="container">
       	<div class="two columns">
       		<div class="sidebar">...</div>
       	</div>
       	<div class="fourteen columns">
       		...
       	</div>
       </div>
       ```
   
 * The Skeleton CSS framework is setting 120px width for the “two columns” div. 
   The code I gave you simply expanded the sidebar div, which is inside of that 
   one.
 * Another way you can do that is by changing the numbers to (for example) “four
   columns” and “twelve columns”. Then you have to decrease the left margin of the“
   all-posts-box” child element.
 * You may also want to check how your site looks on lower resolutions and make 
   some changes via media queries where that is needed.
 * Cheers
 *  Thread Starter [alloyux](https://wordpress.org/support/users/alloyux/)
 * (@alloyux)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/sidebar-width-21/#post-4391160)
 * Yeah, I’ve noticed my images don’t resize. Thank you!
 * I definitely knew all of that and tried it but I’m sure my syntax was messed 
   up. I thought I was crazy so I posted here, being new to WordPress and all.
 * Thank you!
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [12 years, 6 months ago](https://wordpress.org/support/topic/sidebar-width-21/#post-4391162)
 * Just a note, unless you move your changes from the theme’s files they’ll be erased
   when the theme updates (assuming this is not a custom theme).
 *  Thread Starter [alloyux](https://wordpress.org/support/users/alloyux/)
 * (@alloyux)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/sidebar-width-21/#post-4391164)
 * Thank you!

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

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

## Tags

 * [larger](https://wordpress.org/support/topic-tag/larger/)
 * [navigation](https://wordpress.org/support/topic-tag/navigation/)
 * [resize](https://wordpress.org/support/topic-tag/resize/)
 * [sidebar](https://wordpress.org/support/topic-tag/sidebar/)
 * [wider](https://wordpress.org/support/topic-tag/wider/)

 * 6 replies
 * 3 participants
 * Last reply from: [alloyux](https://wordpress.org/support/users/alloyux/)
 * Last activity: [12 years, 6 months ago](https://wordpress.org/support/topic/sidebar-width-21/#post-4391164)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics