[Resolved] sidebar customize

[Kishor]

[/url]
https://s33.postimg.cc/7ov85ji3z/image.jpg
How I decrease the padding in “1” and increase the padding in no “2” & “3” without effecting any other element.

GeneratePress 2.1.4

GP Premium 1.7.2

[David]

Hi there,

try removing this CSS:

.widget-area .widget {
    padding: 15px 35px 35px 35px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

And adding this:

.widget-area .widget {
    padding: 0px;
}
.sidebar .widget .widget-title {
    margin-bottom: 1em;
}
.sidebar .widget > *:not(.widget-title) {
    padding: 0 1em 1em 0;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Kishor]

Thanks, It is working.

[David]

You’re welcome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Kishor]

Hi,
The code is not working with Text Widget and Custom HTML Widget.
[/url]
https://s22.postimg.cc/whtydcue9/Untitled.jpg

[Tom]

Try adding this as well:

.sidebar .widget .textwidget {
    padding: 0 1.5em 1.5em;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Kishor]

It is working.
Thank you.

[Tom]

Awesome, glad I could help! 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts