Copyright container - how to go full width?

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%;
}

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

Awesome :)

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

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.

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

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

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:

http://www.screencast.com/t/t8ABvGUUkjVA

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.

http://www.screencast.com/t/gLWBwGUh

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

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 :)

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

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

So I just create a plugin and upload it as usual?
That's easy!
Thanks much!
Tammy :)

You can just use my "Simple CSS" plugin :)

Great, thanks! :)