Body width

[ebQuickstart]

Hello,

I’m trying to increase the site’s overall body width while in Full Width mode, is there some custom CSS for this?

Also in Full Width mode, is there a way set the background to be a different colour (say light grey) while keeping the body beneath the content white?

Thank you!

[Melanie – SUPPORT]

Hey, can you post up your website URL so we can give you css tailored especially for your website? 🙂

[ebQuickstart]

This reply has been marked as private.

[Melanie – SUPPORT]

Okay the width issue will be a little more complicated.

we can use this

.container {
width: 1200px;
}

to increase the main container but you would also have to change all the grids to match the content of the container as well 🙁

You can change the background to light grey with this custom css

#boxed-container {
background: #eee!important;
}

But just to make this clear: we are talking about the link you posted, right? Because you talk about full width but the website on the link is in boxed mode.

[ebQuickstart]

Hi Melanie, thanks for the response!

Yes, the link is correct, the site’s in boxed mode still while I’m making some changes. My ultimate goal for the site is to have it full width (for the sake of using a full width slider) but then the body container’s width to increase so there’s not quite so much white space surrounding it.

The grids you mentioned, are you referring to the Page Builder layout?

[Kyle – SUPPORT]

We use the bootstrap framework, that is the grid she was referring to. You would have to overwrite quite a lot of bootstraps css to achieve this.

– Kyle