Title: Side bar width
Last modified: May 4, 2019

---

# Side bar width

 *  [tiorocky](https://wordpress.org/support/users/tiorocky/)
 * (@tiorocky)
 * [7 years, 1 month ago](https://wordpress.org/support/topic/side-bar-width-4/)
 * Is it possible to make the side bar width smaller?
    Thanks.

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

 *  Theme Author [Ben Sibley](https://wordpress.org/support/users/bensibley/)
 * (@bensibley)
 * [7 years, 1 month ago](https://wordpress.org/support/topic/side-bar-width-4/#post-11498408)
 * Thanks for using Period!
 * You can add this CSS to your site to make the sidebar narrower:
 *     ```
       @media all and (min-width: 56.25em) {
   
       	.sidebar-primary {
       		width: 30%;
       	}
       	.main {
       		width: 66%;
       		margin-right: 4%;
       	}
       }
       ```
   
 * !Please copy & paste the code above into the “Additional CSS” section in the 
   Customizer (Appearance > Customize), and it will take effect right away.
 *  Thread Starter [tiorocky](https://wordpress.org/support/users/tiorocky/)
 * (@tiorocky)
 * [7 years, 1 month ago](https://wordpress.org/support/topic/side-bar-width-4/#post-11498967)
 * Thanks.
    The above code work great. . . In a different post you sent me the below
   code for the padding in the sidebar. It did not work and I’m wondering if it 
   is in conflict with this one. . I tried placing it above and below the above 
   the above code with no luck. Here is the code you sent for padding.
 * .sidebar-footer {
    padding: 24px 5% 0; } The first value is the padding on top
   and the second value (5%) will adjust the padding on both the left and right.
 * Please advise. . my site is so close to being exactly what I want. . .
    Thanks
   for your help.
 *  Theme Author [Ben Sibley](https://wordpress.org/support/users/bensibley/)
 * (@bensibley)
 * [7 years, 1 month ago](https://wordpress.org/support/topic/side-bar-width-4/#post-11502455)
 * You’re welcome 🙂
 * That snippet was for adjusting the padding in the widget area in the footer. 
   Sorry if I misunderstood that previously.
 * The sidebar doesn’t have any padding applied, but the widgets do. If you want
   to adjust the padding in the sidebar widgets, you can add this CSS:
 *     ```
       .sidebar-primary .widget {
         padding: 24px;
       }
       ```
   

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

The topic ‘Side bar width’ is closed to new replies.

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

 * 3 replies
 * 2 participants
 * Last reply from: [Ben Sibley](https://wordpress.org/support/users/bensibley/)
 * Last activity: [7 years, 1 month ago](https://wordpress.org/support/topic/side-bar-width-4/#post-11502455)
 * Status: not resolved