How can I change the background image on Dawn 4.0.0?

[GRNorthwich]

so replace this:

with the code above? thanks for the help!

[LitCommerce]

Hi @GRNorthwich ,

Yes, you just need to change it, everything will work fine

[GRNorthwich]

when i did that it just turned the background white?

[LitCommerce]

Hi @GRNorthwich ,

I have checked and the code is still not changed, if it is difficult, you can follow the instructions below. Go to Assets > base.css and paste this at the bottom of the file:

#MainContent {
	background: transparent !important;
}
body.gradient {
	background: url("//cdn.shopify.com/s/files/1/0612/6796/8176/t/1/assets/Burst-Purple-aq8sdb.png?v=18148958983419832820") no-repeat center center fixed !important;
	background-size: cover !important;
}
.gradient {
	background: transparent !important;
}

Hope it helps!

[GRNorthwich]

it worked! i was editing it them theme.liquid thankyou!!

[Smiley1311]

@LitCommerce I am trying to implement your solution that you posted above on 04-27-2022 to change the background to an image. I have to change this code to reference my image that is stored in my asset folder:

background: url(“//cdn.shopify.com/s/files/1/0612/6796/8176/t/1/assets/Burst-Purple-aq8sdb.png?v=18148958983419832820”) no-repeat center center fixed !important;

I tried this but it doesn’t work:

background: {{ ‘glitter.png’ | asset_url | img_tag}} no-repeat center center fixed !important;

What is the correct coding?

Thank you for your help.

[LitCommerce]

Hi @Smiley1311 ,

Please change code:

background: {{ 'glitter.png' | asset_url }} no-repeat center center fixed !important;

[explicitbrand]

Hey,

So I copied the code and it worked everything is fine but instead of an image i chose a gif but it works perfectly on desktop but it glitches on mobile can you pls help, thank!

[LitCommerce]

Hi @explicitbrand ,

You can create a question on the community and send me the link. I will check it.
Because this will help build a better community.
Thank you.

[aabbcca]

Ya, thx for the code it really works but the thing is i want it overlay on website and it is also applying to announcement bar i want it stop can you help pls

[catiedearest]

Is there a way to do this, but keep the header and footer their respective colors? When I use this code it takes away all color blocks on the site including the announcement bar, header, and footer.

I am brand new to Shopify and am wanting to get this squared away before investing too much time in designing then having to re do it all.

Preview Code: https://ubryuap6c5pznghb-61006282910.shopifypreview.com

[woolkind]

Thank you so much for this code. After days I have finally got the background working on my store.

The only issues is that I would like to make the header and / or the footer solid as when I scroll the logo overlays on top of some of the text. Can you help?

Thanks