[Resolved] Footer Widget Size

[Yannick]

Hi Tom,
I would like to adjust the margin/padding of my newsletter footer widget. On the “homepage” I’m using beaver builder and I was able to adjust the size of the newsletter plugin.
How can I change the size of the footer widgets of the gp-theme? (for example on the stories page or the blog posts)

Best wishes
Yannick

[Leo]

Hi Yannick,

The options you are looking for are in Cusotmizer > Layout > Footer > Footer Widget Area Padding & Footer Padding.

Let me know if this is what you are after.

[Yannick]

Hi Leo,
thank you for your answer.
I would like to change the size of only one of the widgets (Footer Widget 3, the newsletter widget).
I think I have to change this via Simple Css I just dont know how to “talk” to Footer Widget 3

[Leo]

Should be able to use .footer-widget-3 for the CSS selector

[Tom]

If you’re wanting to target a specific widget, this might help: https://generatepress.com/forums/topic/style-sidebar-widgets-individually/#post-44788

[Yannick]

Thank you 🙂

[Leo]

Glad we can help!

[Yannick]

One more question…. 😀

I would like to adjust the max-width, so that the widget doesn’t get to big on big screens but as soon as I do that, the Widget is not centred anymore when it normally would become bigger than 600px, you know how I can solve this?

My actual code:

.footer-widget-3 {
    padding-left: 50px;
    padding-right: 50px;
    max-width: 600px;
    font-family: "Alegreya Sans SC";
    text-align: center;
}

[Tom]

To center a block element with a set width, you can do this:

.footer-widget-3 {
    margin-left: auto;
    margin-right: auto;
}

[Author]

Posts