[Resolved] full width line in sidebar while keeping widget padding

[Johan]

Hello,

I have a css question.
How can i get a line under each widget title that spans the entire width of the sidebar?
When i use the widget title’s border bottom it works…but only with setting widget padding to zero.
How can i have a full width border bottom while keeping the widget padding?
the same as on this site where you can see the grey line under each widget title.

thank you

[Tom]

Hi there,

Try this CSS:

.sidebar .widget-title {
    margin-left: -40px;
    margin-right: -40px;
    padding-left: 40px;
    padding-right: 40px;
    border-bottom: 1px solid #ddd;
}

You’ll need to adjust the 40px value to whatever you sidebar padding is.

[Johan]

It works!
Thanks Tom!

[Tom]

You’re welcome 🙂

[Author]

Posts