Change blog page background to an image in Pacific template?

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!

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;
}

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 😉