[Support request] Styling Separate Footer Widgets

[Brenda]

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.

[David]

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;
}

[Brenda]

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

[David]

You’re welcome. Glad we are of help 🙂

[Author]

Posts