Boxed Layout

Hello,

How can I make the layout for the Quark template to be boxed including the background, in the same way as the John and Mo template? Changing the template width in template settings only controls the content but not the background.

Thanks

Hello,

In theory this should help:

Code: Select all

#gkBg {
margin: 0 auto;
max-width: 1000px;
width: 100%;
}

But please remember that this template was not designed to be used in this way, so some elements like menu can need additional custom CSS adjustments.

Works great, this was a quick fix. I also had to add max-width for the fixed nav in the override.css, so now the code looks like this...

Code: Select all

#gkBg {
margin: 0 auto;
max-width: 1250px;
width: 100%;
}

#gkHeaderNav.gk-fixed {
    max-width: 1250px;
    width: 100%;
}


I really think this option should be included in a future update for Quark. It makes this template more versatile for those who don’t use very big images.

Thanks!