thegingerlab

6 hours ago, tuanphan said:

Hi. Add to Design > Custom CSS

/* blog list page background */
body.collection-type-blog.view-list #siteWrapper {
    background-image: url(https://cdn.pixabay.com/photo/2021/01/28/08/51/girl-5957398__340.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

 

You're the best! Thanks 😉

Site URL: https://www.thegingerlab.com/blog

Hey everyone,

Trying to change the background of my blog page to a fixed image using custom code, but to no avail. I'm using the Horizon template of the Pacific family. Does anyone know how to do this? Any help much appreciated!

Cheers!

On 6/1/2021 at 5:53 PM, tuanphan said:

Add to Design > Custom CSS

/* blog background */
.collection-type-blog.view-list main#page, .collection-type-blog.view-list #siteWrapper {
    background-color: green;
}

 

Worked like a charm, thank you! Also any idea how to add a background image instead of a simple color there? Tried this and that in that CSS code – nothing worked 🙂

Site URL: https://www.thegingerlab.com/blog

Hey everyone,

Trying to change the background color of my blog page using custom code, but to no avail. I'm using the Horizon template of the Pacific family. Does anyone know how to do this? Any help much appreciated!

Cheers!