Archived topic
sidebar customize
7 replies · Started by Kishor on September 14, 2018
[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! :)