Site logo

Archived topic

sidebar customize

7 replies · Started by Kishor on September 14, 2018

Viewing posts 1–8 of 8

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

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

Thanks, It is working.

You're welcome :)

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

Try adding this as well:

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

It is working.
Thank you.

Awesome, glad I could help! :)

This archived topic is closed to new replies.