[Resolved] sidebar customize

[Kishor]

[url=https://postimg.cc/image/9tfl6mjqj/][img]https://s33.postimg.cc/9tfl6mjqj/image.jpg[/img][/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.

[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;
}

[Kishor]

Thanks, It is working.

[David]

You’re welcome 🙂

[Kishor]

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

[Tom]

Try adding this as well:

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

[Kishor]

It is working.
Thank you.

[Tom]

Awesome, glad I could help! 🙂

[Author]

Posts