Have your say in Community Polls: What was/is your greatest motivation to start your own business?

How can I alter the color of my product page using YUVA theme?

Solved

How can I alter the color of my product page using YUVA theme?

yesi19
Tourist
12 0 2

I would like to change the colour of my product page and collections but i dont know how. I use YUVA theme on shopify 

Accepted Solutions (2)
ZestardTech
Shopify Partner
5911 1067 1413

This is an accepted solution.

Hello there,

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > common.min.css and paste this at the bottom of the file:

 

 

.template_collection main#MainContent {
background-color: #f5f2e8;
}
.template_product main#MainContent {
background-color: #f5f2e8;
}

 

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

oscprofessional
Shopify Partner
16116 2410 3126

This is an accepted solution.

Hello @yesi19 

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

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

body.template_product.breadcrumb-false.theme-layout-rounded.header1.announcement-open {
    background-color: #f5f2e8 !important;
}
body.template_list-collections.breadcrumb-false.theme-layout-rounded.header1.announcement-open {
    background-color: #f5f2e8 !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

View solution in original post

Replies 8 (8)

ZestardTech
Shopify Partner
5911 1067 1413

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

Moeed
Shopify Partner
6330 1716 2069

Hey @yesi19 

 

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


yesi19
Tourist
12 0 2
ZestardTech
Shopify Partner
5911 1067 1413

This is an accepted solution.

Hello there,

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > common.min.css and paste this at the bottom of the file:

 

 

.template_collection main#MainContent {
background-color: #f5f2e8;
}
.template_product main#MainContent {
background-color: #f5f2e8;
}

 

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
yesi19
Tourist
12 0 2

thank you it worked!

ZestardTech
Shopify Partner
5911 1067 1413

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
oscprofessional
Shopify Partner
16116 2410 3126

This is an accepted solution.

Hello @yesi19 

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

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

body.template_product.breadcrumb-false.theme-layout-rounded.header1.announcement-open {
    background-color: #f5f2e8 !important;
}
body.template_list-collections.breadcrumb-false.theme-layout-rounded.header1.announcement-open {
    background-color: #f5f2e8 !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

yesi19
Tourist
12 0 2

Thank You!