Background image code for Dawn theme 6.0.2

Store Design
1

How do we add a background image for the Dawn theme version 6.0.2? I tried using other codes but they didn’t work properly and are overlapping certain elements in my website.

The only code that worked so far for putting my background is…

.gradient {
background: var(–gradient-background);
background-attachment: fixed;
background-image: url(https://cdn.shopify.com/s/files/1/0655/6113/3295/files/Untitled_design_21.png?v=1659313818) !important;
background-color: transparent !important;
background-position: top left !important;
background-size: cover !important;
}

But its overlapping other elements in my web design like my announcement bars, dropdown menus, and text box. I don’t know what code to fix this or if anyone has the background image code for Dawn theme version 6.0.2

Thanks in advance!

2

Hi @Popcorn ,

Can you give the url of site? Like that will easy for check and provide the solution to you. For the matter need check regarding code, the good idea is check directly on the site for guess the situation.

3

https://lua-wolves-crystals.myshopify.com/

password: bahcri

I don’t know much about coding so I’m not sure on how to fix it.

4

Hi @Popcorn ,

The reason here is you doing use the .gradient class for make style. This is class global it had use have a lot of element on site, so when use make for style, the style will apply on all the element use that class.

And if you want change the style but not familiar with code, can you ask me if you want. i will make a request like collaborator to your site, then customize for you.

Thanks!