Site logo

Archived topic

Styling Separate Footer Widgets

3 replies · Started by Brenda on February 16, 2019

Viewing posts 1–4 of 4

Hello guys. I've been searching, but I haven't been able to find what I need. I have added three footer widgets that I would like to be able to style independent of one another. I would like to add different padding and borders to each widget. Any assistance would be appreciated. Thank you. I am re-designing the site, but I've included a link to the home page.

Hi there,

each of the widgets have their own CSS class e.g
footer-widget-1
footer-widget-2
footer-widget-3

So for example adding padding and a right hand border to widget one would look like this:

.footer-widget-1 {
    padding: 10px;
    border-right: 1px solid;
    box-sizing: border-box;
}

Thank you David!!! I JUST LOVE YOU GUYS!!!!!!

You're welcome. Glad we are of help :)

This archived topic is closed to new replies.