How to set the product pages as a different color scheme?

14 1 2

I have set up color scheme 1 for my store homepage background. I want my product pages to be a different color scheme than the background on my homepage. There is no color scheme option on the product pages like the homepage so I don't know what to do.


Store URL:

Password: youdontknow


Replies 2 (2)

Shopify Partner
1047 146 152

H, @James193.


Follow These Steps.

Goto Online store > Assets > Edit code > find Base.css File and paste the code mentioned below.


.collapsible-content__wrapper.section-template--20192070828328__a86d0ef5-81b0-4332-8043-5f2d1e7664af-padding {background: azure;}

div#shopify-section-template--20192070828328__product-grid {
    background: azure;

.collection-hero.color-background-1.gradient {
    background: azure;





If I managed to help you then, don't forget to Like it and Mark it as Solution!


Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here

Shopify Partner
15905 2378 3087

Hello @James193 

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

section#shopify-section-template--20192071385384__main {
    background: #fff !important;
.product-form__input input[type=radio]+label {
    color: #fff !important;
.quantity {
   color: #fff !important;
.quantity__button {
    color: #fff !important;


Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free