Footer Bar and Footer widget paddings

Hi Rostyslav,

This should help:
https://docs.generatepress.com/article/footer-padding/

Let me know :)

Hi Ying, it doesn´t work properly. Can you help me with what CSS code can I add for desktop/tablet/mobile view to add custom paddings for Footer Bar and Footer widgets?

Thanks!

It should work!

Have you tried in customizer with cache plugin disabled and have cache cleared?

CSS is not a good practice when there's customizer option available. Excessive CSS will slow down your site.

It doesn´t work properly. Here I am adding padding in the foot-bar: https://ibb.co/NN99Lh1 and here is the result on the website: https://ibb.co/VVZgX7h. It doesn't make any effect. You can check it on my website.

What is the container width you are using in the customizer?
https://docs.generatepress.com/article/container-width/

900px

Just to make sure, you want to make the copyright bar container narrower?

If so do the following:

- Set the paddings all to 10px:
https://docs.generatepress.com/article/footer-padding/#footer-copyright-area

- Add this CSS:

.site-info .inside-site-info.grid-container, 
.footer-widgets .footer-widgets-container.grid-container {
    max-width: 800px;
}

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

Make sure to clear your caching plugin.

Hello again! With this code:

.site-info .inside-site-info.grid-container {
    max-width: 800px;
}

i fixed de footer bar. What CSS can I use for footer widgets area to make the same effect that the code you gave me before: https://ibb.co/kyJ9bgr

Edited the CSS above:
https://generatepress.com/forums/topic/footer-bar-and-footer-widgets-padding/#post-1676415

Thank you!

No problem :)