add footer background image to REFRESH Theme

[technase]

Hey, I am trying to add background image to the footer of my client's store and I have spent like 20 hours trying but failed every time. it's very simple - adding background image to the footer of my theme. 
The theme that I am using is called Refresh -  its a free theme and I am using its latest version. 

The store is due to be delivered tomorrow so any help will be greatly appreciated. 

Thanks in Advance.  

[GemPages · Accepted solution]

Hello @technase ,

It's GemPages support team and glad to support you today.

I would like to give you the recommendation to support you so kindly follow the steps below:

1. Go to Online Store > Theme > Edit code of your current theme

2. Open your theme.liquid theme file

3. Paste the below code before </head>

<style>
#shopify-section-footer footer {
    background-image: url(https://cdn.shopify.com/s/files/1/0561/5409/5705/files/31189.jpg?v=1671070499) !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
</style>

*You could please replace the my demo image url with your image url.

For example,

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

[BApenrots]

So i can make this work as well. But what i really want is to have an image (sort of a pattern image) to cover the entire background of the homepage. So for instance i can use this code:

.gradient {
background: var(--gradient-background);
background-image: url(https://cdn.shopify.com/s/files/1/0728/6299/0683/files/apenrots_background4.png?v=1687521100) !important;
background-color: transparent !important;
background-position: top left !important;
background-size: cover !important;
}

But then it also cover my header and announcement bar as well, which is not supposed to happen + it applies the background to each content section separately (so the image/pattern starts over). We want the image to cover the entire 'homepage', so when you scroll down you scroll along the entire background image. Not just the top of the image, that starts over with each new content section. Is this achievable?

Kind regards,

Milan

[luckypets]

hey this did not work with the dawn theme can you help

[Thedripzone]

The code layout for the refresh theme seems to be different than this now. Has it been updated again? If so could you please help me add a background image to my footer