Title: Sidebar padding
Last modified: April 22, 2018

---

# Sidebar padding

 *  [umairee95](https://wordpress.org/support/users/umairee95/)
 * (@umairee95)
 * [8 years ago](https://wordpress.org/support/topic/sidebar-padding-4/)
 * How do I change the sidebar color from grey to pure white? Also, I want to reduce
   the sidebar padding to zero. What’s the code to do this?

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

 *  [andrewmperryman](https://wordpress.org/support/users/andrewmperryman/)
 * (@andrewmperryman)
 * [8 years ago](https://wordpress.org/support/topic/sidebar-padding-4/#post-10206751)
 * Hello,
 * After lots of digging, I found the key classes to place in your advanced CSS 
   section in your customiser.
 * .sidebar .sidebar-content, .sidebar .sidebar-toggle {background: #ffffff}
 * This keeps the sidebar background white and is high on the priority ruling.
 * As for padding If you are concerned as regards internal padding then there isa
   setting in the customiser for this. Otherwise I have not had to dig in this area
   but remembers coming across and finding it when I was digging. So you will have
   to look at the php classes in the theme.
 * Hope this helps….
 * Andrew
 *  [emranemranx](https://wordpress.org/support/users/emranemranx/)
 * (@emranemranx)
 * [8 years ago](https://wordpress.org/support/topic/sidebar-padding-4/#post-10207853)
 * Hi Umair,
 * Could you please provide us with the link to that page of your site? So that 
   we can take a closer look and offer you with a possible solution.
 * Thanks!
 *  Thread Starter [umairee95](https://wordpress.org/support/users/umairee95/)
 * (@umairee95)
 * [8 years ago](https://wordpress.org/support/topic/sidebar-padding-4/#post-10212030)
 * Here is the URL >> [https://www.proficientblogging.com/what-makes-you-unique-interview-question/](https://www.proficientblogging.com/what-makes-you-unique-interview-question/)
 *  Thread Starter [umairee95](https://wordpress.org/support/users/umairee95/)
 * (@umairee95)
 * [8 years ago](https://wordpress.org/support/topic/sidebar-padding-4/#post-10213940)
 * [@emranemranx](https://wordpress.org/support/users/emranemranx/) Would you mind
   having a look at it?
 *  Thread Starter [umairee95](https://wordpress.org/support/users/umairee95/)
 * (@umairee95)
 * [8 years ago](https://wordpress.org/support/topic/sidebar-padding-4/#post-10213974)
 * [@andrewmperryman](https://wordpress.org/support/users/andrewmperryman/) it works
   but below the widget that I have in place in my sidebar, the area is still grey
   all the way down to the end.
 *  [andrewmperryman](https://wordpress.org/support/users/andrewmperryman/)
 * (@andrewmperryman)
 * [8 years ago](https://wordpress.org/support/topic/sidebar-padding-4/#post-10214650)
 * [@umairee95](https://wordpress.org/support/users/umairee95/)
 * Hi Yes but I have my sidebar set as sticky so all the widgets set in that sidebar
   follow on scroll so that the remaining grey area is a minimal thin slither at
   the bottom.
 * This for me was a balance as I wanted to keep the rear layer grey so you could
   tell there was an extra area to expand out when viewing the page via an iPad 
   with the sidebar collapsed to indicate there was extra display area. (Note.. 
   I am using boxed layout with a set width)
 * Maybe [@emranemranx](https://wordpress.org/support/users/emranemranx/) will have
   a better answer.. good luck
 * Andrew
 *  [emranemranx](https://wordpress.org/support/users/emranemranx/)
 * (@emranemranx)
 * [8 years ago](https://wordpress.org/support/topic/sidebar-padding-4/#post-10215699)
 * Hi Umair,
 * You can try adding the following code to your Admin Panel > Appearance > Customize
   > Advanced Options > Additional CSS field:
 *     ```
       .col-2cl .main-inner {
         background: none;
       }
       ```
   
 * Thanks!
 *  Thread Starter [umairee95](https://wordpress.org/support/users/umairee95/)
 * (@umairee95)
 * [8 years ago](https://wordpress.org/support/topic/sidebar-padding-4/#post-10215711)
 * [@emranemranx](https://wordpress.org/support/users/emranemranx/) Thank you for
   your response. I have put the code. Now everything below the widget is white 
   but the widget padding is still grey. Kindly have a look at it here: [https://www.proficientblogging.com/what-makes-you-unique-interview-question/](https://www.proficientblogging.com/what-makes-you-unique-interview-question/).
   Is there a way we can reduce the widget’s left, right, top and bottom padding
   to zero so that everything is white? The primary purpose of making everything
   on the right look white is to make sure that ads don’t look like ads.
 *  [emranemranx](https://wordpress.org/support/users/emranemranx/)
 * (@emranemranx)
 * [8 years ago](https://wordpress.org/support/topic/sidebar-padding-4/#post-10237585)
 * Hi Umair,
 * Everything seems to be white already:
 * [http://prntscr.com/jclzzp](http://prntscr.com/jclzzp)
 * Thank you!

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

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

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

## Tags

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

 * 9 replies
 * 3 participants
 * Last reply from: [emranemranx](https://wordpress.org/support/users/emranemranx/)
 * Last activity: [8 years ago](https://wordpress.org/support/topic/sidebar-padding-4/#post-10237585)
 * Status: not resolved