How can I change the Dawn theme background to an image?

Store Design
,
1

I want to change the background of my store to an image. I use the Dawn Theme and I have a self made image. I figured out how to change the whole background to an image but I only want to have the image between my header and my footer. I dont have any coding knowdledge and I really need help from you guys.

This is my website url: https://gadget-daddy.com/

2

Hello,

Please share your store url.

Thank you

3

Hello,

https://gadget-daddy.com/

This is the url. The whole store is still in the making. As you can see I already managed to change the background as a whole but as I said I only want it between header and footer. And I know that the image has to be resized but I assume that is easy to do after everything else is finished.

4

@Anonymous
removed image from gradient class and put the bg img in below class

main#MainContent {
    background-image: url(https://cdn.shopify.com/s/files/1/0647/1188/5065/files/bg.jpg?v=1680523974)!important;
}
.footer:not(.color-background-1) {
    border-top: none;
    background-color: black !important;
}
.locale-selectors__container {
    padding-bottom: 2em;
    background-color: black;
}

Ujjaval_0-1680525732059.png
Ujjaval_0-1680525732059.png1590×788 242 KB

5

When I follow your instructions there is no background image. It is just white

6

@Anonymous i think having mis-guidance . can u accept collaboration request of mine i’ll solve out it.

7

What do you mean by collab request? I am new to this forum

8

Okay I did it and it worked but there are 2 new issues right now. The image repeads itself instead of staying fixed while scrolling down. And the announcement bar on the very top is just white and basically disappeared.

harDnut_0-1680536404944.png
harDnut_0-1680536404944.png1900×776 396 KB

9

This was solved. Check my other post if you are interested in the solution.