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

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

[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