Sidebar padding

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

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!

Here is the URL >> https://www.proficientblogging.com/what-makes-you-unique-interview-question/

@emranemranx Would you mind having a look at it?

@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.

@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 will have a better answer.. good luck

Andrew

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!

@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/. 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.

Hi Umair,

Everything seems to be white already:

https://prntscr.com/jclzzp

Thank you!