Style footer widget menus

I know how to change the footer area color (i changed it to black). I am unable to figure out how to change the css of the menus themselves. I want to remove the borders between menu items, reduce the margins between each, and make the background color black. i have tried various elements and can’t seem to find the right one.
thanks


(for reference to see the footer menus)

Hey @Finestcityimprov,

Please add this code in X > Theme Options > CSS:

.x-colophon .widget ul {
    border-bottom: 0;
}

.x-colophon .widget ul li {
    background-color: transparent;
    border: 0;
}

.x-colophon .widget ul li a {
    margin: 5px 0;
}

Hope this helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.