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

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

James193
Excursionist
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: TsunamiTec.com

Password: youdontknow

 

Replies 2 (2)

websensepro
Shopify Partner
1854 215 260

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;
}

 

Result:

websensepro_0-1696318055161.png

 

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/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP

oscprofessional
Shopify Partner
16224 2426 3151

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: pallavi@oscprofessionals.com | 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 | OSCP Shipping Discounts App : Free