meatesm827

You can install these codes site wide BUT if you only want to see these changes on one individual blog on your site, click on the gear icon to access your blog settings menu, click the advanced option at the bottom of the list, and paste these codes into the page header code injection (third option) between two style brackets like this: <style> code here </style>

If you are using a personal plan or only want to change the background on one individual post, put these codes in between those same style brackets and add it to a code block on that individual post.

There are four basic steps you can take to easily add a background image to individual blog posts in Squarespace The codes used in the tutorial are listed below, and here is what you need to do to make it work on your own site:

Upload the image to your custom files

    Paste the code in the description below into your custom CSS

    Replace the text image-url-here with the URL for the image you just uploaded

    Save your work!

his is the code that will make the image the background of a blog post:

    .blog-item-wrapper {
    background-image:url(image-url-here);
    background-size: cover
    }

And this is the code that will create that slightly transparent background behind all the content so it's easier to read. Totally option, but if you do use it, definitely play around with the RGBA color code to suit your own site's style!

    .blog-item-inner-wrapper{
    background: rgba(255,255,255,.8);
    padding: 1rem;
    }