Removing dotted line separators in the widget area

[kevinmeow]

Hi,

I was wondering if it was possible to remove the dotted line between objects in the widget area, and if so how?

Thanks!

[Zex]

Hello,kevinmeow!

Insert the code below in Customize->General->Additional CSS:

.footer-widgets .widget li{
    
    border-bottom: none!important;
}

If this code doesn’t work for you, please give me your website address.

Regards

[kevinmeow]

Hi that did exactly what I needed thank you! One follow up question though, is there a way to lessen the spacing between the widget texts now (where the dotted lines were)? The gaps now are a little more than I want. Website is http://www.meowtech.com

[Zex]

This is a code you need:

.footer-widgets .widget li {
    padding-top: 0px;   
    padding-bottom: 0px;
}

Change the padding-top and padding bottom values per your needs.

Regards

[kevinmeow]

That did it, thank you!

[Author]

Posts