How do I add columns to the footer?

[Harry]

Hi,

I would like to have the footer divided into two columns. With one column as a paragraph “About Us”, and another column as “Disclaimer”. And the copyright to be centred below the two columns.

I have tried playing around with the widgets but not having any luck. I am using the Generatepress Prime theme.

Many thanks!

[David]

Hi there,

set the Customizer > Layout > Footer to 2 widgets. And add your copyright info in the field provided.
Then add your about us to Footer Widget 1 and disclaimer to Footer Widget 2.

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

[Harry]

Brilliant, thank you!

I want to have more padding on the left and right, I tried this:

.footer-widgets {
padding: 40px;
padding-left: 120px;
padding-right: 120px;
}

but it looks awful on a mobile phone, please help, thanks.

[David]

Instead of adding padding lets set a max-width like so:

.footer-widgets-container.grid-container {
    max-width: 960px;
}

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

[Harry]

Perfect! Thank you very much 🙂

[David]

You’re welcome

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

[Chloe]

Hi there

I tried this, but it doesn’t seem to work with the site that I have. I used a site from the site library. Could this be the reason?

Might you be able to help?

Many thanks in advance.

Chloe

[David]

Hi there,

it depends on the Site and how its layout is created.
If you want to raise a new topic where you can share a Site URL privately – i will take a look 🙂

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

[Author]

Posts