Docs

[s_gogos]

@Paul R

Your code got really close to resolve the problem!
You fixed the footer widget but still the footer appears full width.
If you could just add something to fix that part too…?!?
See the attachment…

[Paul R]

Hi,

Sorry, I missed a dot in my code.

Kindly change it to this.

body .x-colophon.top,
body .x-colophon.bottom {
    margin: 0 auto;
    width: 86%;
    max-width: 1000px;
}

body .x-colophon.top .x-container.width,
body .x-colophon.bottom .x-container.width {
   width:100%;
}

Thanks

[s_gogos]

…Now the home page has problem…
You solved the problem on the blog and my posts but now the homepage footer doesn’t appear right.
See the attachment…

Can you add a code to resolve the homepage problem as well?

[Joao]

Hi There,

Please add the following code to Appereance > Customizer > Custom > CSS

body.home footer.x-colophon.bottom,.x-colophon.top {
    width:100% !important;
   }

Hope that helps

Joao

[s_gogos]

Thanks!
We are almost there.
Everything is fixed but not the footer widget area, when I see my blog page and my posts.

Can we add a code just for that?

See the attachments…

[Joao]

Hi There,

I removed !important from the code and it seems to work now.

Hope it helps

Joao

[s_gogos]

Thanks!

Can you please add one more code to resolve the problem I have with the following parts of my blog?

1. my pages (eg http://worldvespa.net/about-us)
2. my portfolio pages (eg http://worldvespa.net/our-portfolio)
3. my portfolio items (eg http://worldvespa.net/portfolio-item/highway/)

Check the screenshot I’ve attached to understand what I mean.
The footer area in these pages is now narrower than it should.

[Christopher]

Hi there,

Please add this code :

 body.page .x-colophon.top, body.page .x-colophon.bottom {
    margin: 0 auto;
    width: 100%;
    max-width: 1000px;
}

Hope it helps.

[s_gogos]

Thanks!
It helped.
Now only my portfolio items have the issue…
See here: http://worldvespa.net/portfolio-item/highway/

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

 body.single-x-portfolio .x-colophon.top, body.single-x-portfolio .x-colophon.bottom {
    margin: 0 auto;
    width: 100%;
    max-width: 1000px;
}

Hope that helps

[s_gogos]

Thank you for your time!
I think everything is working fine now!

[Joao]

Glad to hear it,

Let us know if you need further assistance with anything else.

Joao

[Author]

Posts