Reducing space vertical between footer widgets

Can you post a link to the site? Then I can see what code you will need.

It would help us help you if you included a link to the site you were working on.

You need to use your browser inspector to identify the items and hence CSS that you need to tune, then use the customiser to make these CSS changes.

Hi Both,

Sorry – I’ve just removed the under construction page so you can access. Really appreciate the help.

https://chronicmeworld.com

It looks like you are running some kind of content protection script, it doesn’t allow right clicking to inspect the code or see the code with dev tools. With that on I can not look at the code accurately.

Sorry- I’ve deactivated the plugin now so you should be able to.

So there are a few places where there is a margin or padding. Here is some css that will take out some of it for you.

This one will take out the 40px of margin on the bottom of each footer widget, it looks like you have 4? You can change the number ot whatever amount of margin you want

.footer-widget aside {
    margin-bottom: 0px;
}

This take out the padding on the top and bottom on the disclaimer paragraph you have. You can also set these number to whatever you want if you want some padding.

.panel-grid {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

I’ll try this now – thanks so much for your help.

I’ve just previewed the codes you sent and when I enter them they change my footer layout from horizontal to vertical – can I adapt the codes you sent so they remove the padding but keep the widgets horizontal?

This is the CSS I’ve currently got for the footer:

@media only screen and (min-width: 651px) {

#colophon .footer-widget:nth-child(1), #colophon .footer-widget:nth-child(2) {
width: auto;
float: none;
clear: both;
}

#colophon .footer-widget:nth-child(3), #colophon .footer-widget:nth-child(4) {
width: auto;
float: none;
clear: both;
}

#colophon .footer-widget:nth-of-type(-n+2) {
width: 100%;
}

Strange I just added both to the inspector and did not get 4 columns. None of the code you have there would affect the margins between the items. What are using that for?

It is to make the footer widgets horizontal rather than 4 vertical columns

I’ve just entered the code and published it – it’s perfect. Thanks so much for your help.