Title: Shrink sidebar width
Last modified: August 21, 2016

---

# Shrink sidebar width

 *  [optahealth](https://wordpress.org/support/users/optahealth/)
 * (@optahealth)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/shrink-sidebar-width/)
 * Can I make the sidebars smaller – less wide and the content area bigger?

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

 *  [Brian Harris](https://wordpress.org/support/users/zgani/)
 * (@zgani)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/shrink-sidebar-width/#post-4684829)
 * For that you’ll need to create a child theme and then change the required styles
   for those elements to suite your needs.
 * What’s coding skill level?
 *  Thread Starter [optahealth](https://wordpress.org/support/users/optahealth/)
 * (@optahealth)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/shrink-sidebar-width/#post-4684836)
 * I can edit CSS and basic code. I have been playing with CSS but doing me no good
   so far.
 *  [Brian Harris](https://wordpress.org/support/users/zgani/)
 * (@zgani)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/shrink-sidebar-width/#post-4684874)
 * OK cool.
 * Here’s a starting point for you – in your child theme’s style.css add the following
   CSS code. Note that this has already been adjusted from the original
 *     ```
       .site-content {
       	margin-right: 24.9999999975%;
       }
   
       .content-sidebar {
       	margin-left: -24.9999999975%;
       	width: 24.9999999975%;
       }
       ```
   
 *     ```
       @media screen and (min-width: 1008px) {
           .site-content {
       		margin-right: 19.36507936%;
       	}
           .content-sidebar {
       		margin-left: -19.36507936%;
       		width: 19.36507936%;
       	}
       }
       ```
   
 * Those are the values you need to adjust according to your needs – the affected
   areas will be the content area and the content sidebar. You’ll then need to adjust
   values for the featured image, content header, hentry and so on to suit your 
   desired layout.
 * Hope that helps you get started.
 * Zulf

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

The topic ‘Shrink sidebar width’ is closed to new replies.

## Tags

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

 * 3 replies
 * 2 participants
 * Last reply from: [Brian Harris](https://wordpress.org/support/users/zgani/)
 * Last activity: [12 years, 5 months ago](https://wordpress.org/support/topic/shrink-sidebar-width/#post-4684874)
 * Status: not a support question

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics