Docs

[Kobber]

Hi,

On my site I use fullwidth layout, but I was wondering if I could have boxed layout on my blog page(s)? And if I also want a background image to go with the boxed layout, where would I insert that?

[Lely]

Hello Kobber,

That is possible with some custom CSS. When you say boxed layout are you referring to the entire page, or just the content area below the header? Does blog pages means blog index page and single post page too? Please clarify that so we can be specific on our suggestion.
For example, on blog index page, you may add the following CSS on Appearance > Customize > Custom > Edit Global CSS:

.blog .site {
    max-width: 999px; /*Adjust this accordingly*/
}
.blog { /*Change the image URL here to your preferred background*/
    background: url(http://www.vesti-olsen.dk/wp-content/uploads/2016/05/Sporvejsmuseet.jpg) center no-repeat;
    background-size: cover;
}

Hope this helps.

[Kobber]

Hi Lely,

Yes I mean both blog index and blog post pages 🙂

[Jade]

Hi there,

Please update the code to:

.blog .site,
.single .site {
    max-width: 999px; /*Adjust this accordingly*/
}

.blog, .single { /*Change the image URL here to your preferred background*/
    background: url(http://www.vesti-olsen.dk/wp-content/uploads/2016/05/Sporvejsmuseet.jpg) center no-repeat;
    background-size: cover;
}

Hope this helps.

[Kobber]

Worked perfectly!

[Jade]

Glad to hear that. Cheers!

[Author]

Posts