Docs

[compelardo]

Hi there,

I know this topic has been addressed many times but I tried finding through those threads with no success and figured it could be easier if I asked in relation to my site (www.ywamburtigny.com)

I would like the whole page to be full width, white background with no gray background. It seems that there is an inner container that is white? I tried checking off the box. The revolution slider is still full width and conforms to the browser when I enlarge and make smaller. I think on smaller computers it looks ok but I’m working on a Mac with a 21.5in screen and I can see the gray background which I don’t want to see.

Also the LOGO on the top left is too close to the border. What can I do to move it to the right a little bit more? I can move it only on the vertical plane.

[Nabeel A]

Hi there,

Thanks for writing in! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.x-container.max {
    max-width: 2100px !important;
}
.x-navbar .x-container.width {
    width: 94% !important;
}

Let us know how this goes!

[compelardo]

WOW! Perfect! Just how I imagined! Thanks

Although there is still some grey above and below the content, do you know how to also change that?

[Prasant Rai]

Hello There,

You can add this under Custom > CSS in the Customizer:

.x-container.max.width.offset {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

Let us know how it goes.

Thanks.

[compelardo]

That was good, but now the bottom footer that I had a special css for got overwritten. It used to be a dark footer, sort of like a charcoal color

[Rue Nel]

Hello There,

I have inspected you custom css and I do not see any that will change the background color of your footer. To have a charcoal gray background color in your bottom footer, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-colophon.bottom {    
    background-color: #747D7D;
}

Hope this helps.

[Author]

Posts