How can I modify the whole shop background color to my specific color choice?

Solved
jessica_0430
Excursionist
35 0 5

hi all,

how can I change my whole shop background color to a marble background?

I downloaded the background image files that I want to use and saved it to content--> file

Can someone help me how to do it?

Thanks

My shop URL:https://9f1b1e-2.myshopify.com/

jessica_0430_0-1697850812638.png

 

Accepted Solution (1)
makkaomakka
Shopify Partner
918 180 191

This is an accepted solution.

Hi @jessica_0430 ,

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code just above </head> tag

<style>
.gradient {
    background-image: url(https://as2.ftcdn.net/v2/jpg/04/72/86/07/1000_F_472860702_PKr1zBj9GX3ZZHOKn7mxV7cZzCSIA9Fv.jpg)!important;
</style>

 

 

NOTE: Replace the url with your image URL while adding the code to your site.

 

If you require further help to optimize your store, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
Makka

❤️❤️

Buy me a coffee


For quick response - Message Me


Increase Xmas sales with BOGO+ Easy Free Gift Upsell. Get 30% OFF for 3 months with code "BFWIZZ30".

View solution in original post

Replies 2 (2)
ZenoPageBuilder
Shopify Partner
836 148 168

Hello @jessica_0430 👋

Inside Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

:root, .color-background-1 {
    --gradient-background: #00ff00 !important;
}

The result

Screenshot 2023-10-21 at 09.30.30.png

Hope that helps!

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com
makkaomakka
Shopify Partner
918 180 191

This is an accepted solution.

Hi @jessica_0430 ,

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code just above </head> tag

<style>
.gradient {
    background-image: url(https://as2.ftcdn.net/v2/jpg/04/72/86/07/1000_F_472860702_PKr1zBj9GX3ZZHOKn7mxV7cZzCSIA9Fv.jpg)!important;
</style>

 

 

NOTE: Replace the url with your image URL while adding the code to your site.

 

If you require further help to optimize your store, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
Makka

❤️❤️

Buy me a coffee


For quick response - Message Me


Increase Xmas sales with BOGO+ Easy Free Gift Upsell. Get 30% OFF for 3 months with code "BFWIZZ30".