We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

How do I change the color of the background of the entire website

Solved

How do I change the color of the background of the entire website

Sab24
Tourist
7 0 2

How do i change all of these pink parts on my website to white? my website is https://maisonsaintil.com/?_ab=0&_fd=0&_sc=1screen shot.pngscreen shot 3.pngscreen shto 3.pngscreen1.png

Accepted Solution (1)

Made4uo-Ribe
Shopify Partner
10211 2427 3080

This is an accepted solution.

Hi @Sab24 

You add  a code to color pink, this one. 

Made4uoRibe_0-1728845706297.png

You need to locate this code or try to paste this code. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes"

2. Find the theme that you want to edit and click on "Actions" and then "Edit code".

3. In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

 

body.gradient.animate--hover-default {
    background: white !important;
}

 

4. And Save. 

 

 

Your Feedback Matters! Please mark the solution and give likes to posts that helped you.

Your appreciation fuels our motivation to assist you better! 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

View solution in original post

Replies 4 (4)

Guleria
Shopify Partner
4299 825 1189

Hello @Sab24 ,

 

Check the theme settings or section settings there you will find an option to change it.
But if it's not there then you need to inspect each element and assign color to it manually.

 

Thanks

- Elevate Your Store with Expert Shopify Services. Email: guleriathakur43@gmail.com - Need a quick fix or a tailored customization? I’ve got you covered.
- Looking to enhance your pages? Try GEMPAGES- a powerful drag & drop page builder.
- Let’s make your store stand out. Get in touch today!
- My Apps: Productify Groups – Smart product grouping made easy.

Made4uo-Ribe
Shopify Partner
10211 2427 3080

This is an accepted solution.

Hi @Sab24 

You add  a code to color pink, this one. 

Made4uoRibe_0-1728845706297.png

You need to locate this code or try to paste this code. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes"

2. Find the theme that you want to edit and click on "Actions" and then "Edit code".

3. In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

 

body.gradient.animate--hover-default {
    background: white !important;
}

 

4. And Save. 

 

 

Your Feedback Matters! Please mark the solution and give likes to posts that helped you.

Your appreciation fuels our motivation to assist you better! 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Sab24
Tourist
7 0 2

thank you so much!

Made4uo-Ribe
Shopify Partner
10211 2427 3080

Welcome! Would you mind hitting 'like' as well? Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.