Moving widget items in footer

Hi there,

can you first Group those other 'widgets' together - see here:

https://docs.generatepress.com/article/grouping-widgets/

Unlike the Old WordPress each block you add creates a new widget so we need them grouped together :)

Hi

Sorry but I don't get it. How does that allow me to divide the footer into 3 and add the Facebook link to the left?

Sorry ignore that, I have found it, but now there is a large gap between the footer widgets and the footer bar. How can I reduce this.

Many thanks

Hi there,

Footer widgets area has 40px default padding around it:
https://www.screencast.com/t/CuEQZBoivEx0

You can use this CSS to override it:

.site-footer .footer-widgets-container {
    padding-bottom: 0;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Thank you but this is not applying to the Facebook symbol.

Many thanks
Kayleigh

It looks ok on Desktop.
To remove the space on Mobile add this CSS:

@media (max-width: 768px) {
    .inside-footer-widgets > div:not(:last-child) {
        margin-bottom: 0 !important;
    }
}

Hi,

Sorry that doesn't work either, its a social icon

Can you tell me which space are you exactly referring to? And is it for mobile or desktop?
https://www.screencast.com/t/Nz0CFWGv6

Hi,

Sorry to be a pain. The client would like less space around the social media icon in the footer on both

Can you share a screenshot of the problem ?