[Resolved] Copyright container – how to go full width?

[Lyle]

Hi Tom.

In doing the testing on the GP Premium update, I was adding a BB shortcode to the Copyright area in the Customizer. Works great and you can see the results immediately! 🙂

However, I would like to have that full-width row content go the full width of the footer and not be contained by the .site-info container. I tried every CSS selector I could think to try, but obviously not the correct one 🙂

Any assistance on this will be greatly appreciated. Then I can make a tutorial on this method for the BB + GP users 🙂

Cheers!
Lyle

[Tom]

Hi Lyle,

Is your footer set to full width or contained in “Customize > Layout > Footer”?

Maybe this CSS will help:

.inside-site-info.grid-container {
    max-width: 100%;
}

[Lyle]

Hi Tom,

It is set to Full Width and your CSS worked perfectly! 🙂

Now my work is cut out for me for the weekend.

Cheers!
Lyle

[Tom]

Awesome 🙂

[_blank]

Hi Tom,

I have a similar issue, so instead of opening a new ticket, I thought it’d be better to add to this one post.

If I set the footer to full width in customize, then the widgets also go to full width. Since I have a background image, it looks kind of odd, as the image stops right when the widgets go full width (the widgets have a white background). Is there a way to just have the area below the widgets go full width? I’m specifically talking about the area where the copyright goes.

I’ll appreciate your help!

Tammy

[Tom]

Hi Tammy,

I’m not too sure what you mean – can you show me?

You’ll see in the footer of this site it’s set to full width, but the actual widgets are still contained.

[_blank]

Hi Tom,

I’d love to show you. I took a screen shot but not sure how to upload images here?

Please advise.
Thanks much,
Tammy

[Tom]

I like using Jing for taking/sharing screenshots: https://www.techsmith.com/jing.html

[_blank]

Wow! What a neat little tool. Thanks for sharing, Tom!

So here are 2 images.

In the first one, you can see how the copyright bar is not full width when the footer widgets are contained:

In the second one, you can see what happens to the background image when I go full width: it gets chopped off with the widgets overlay, but the copyright bar now is full width.

What I’d like is to have the footer widgets contained but the copyright bar full width. Is it possible?
Hope it makes sense now.

Thanks much,
Tammy

[Tom]

Ah, well if you keep your footer full width, you can then add this CSS:

.footer-widgets {
    max-width: 1100px;
    margin: 0 auto;
}

Then just adjust the max-width to your container width 🙂

[_blank]

Thanks, Tom. I forgot to tell you you are dealing with a new student :p

Where exactly do I add this CSS to? Don’t want to mess too much with code for obvious reasons.

Thanks again,
Tammy

[Tom]

Sorry! This should help: https://generatepress.com/knowledgebase/adding-css/

[_blank]

So I just create a plugin and upload it as usual?
That’s easy!
Thanks much!
Tammy 🙂

[Tom]

You can just use my “Simple CSS” plugin 🙂

[_blank]

Great, thanks! 🙂

[Author]

Posts