Footer widget spacing

Support
#1

Hi,
I’ve put a widget in the footer of a website I manage. However, there is large spacing on top of the widget and under it. How can I remove that? www.feheleyfinearts.com

Thanks,
Renzo

#2

Hello Renzo,

Thanks for asking. :slight_smile:

Please add following CSS under X > Theme Options > CSS:

footer.x-colophon.top {
    padding-top: 10px;
    padding-bottom: 10px;
}

footer.x-colophon.bottom {
    padding-top: 20px;
}

div.ctct-form-embed div.ctct-form-defaults {
    padding-top: 0;
    padding-bottom: 0;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

#3

Great, thank you Prasant.

#4

You are most welcome. :slight_smile:

#5

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