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

[yesi19]

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

[ZestardTech · 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;
}

[ZestardTech]

Hello There,

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

[Moeed]

Hey @yesi19 

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

Best Regards,
Moeed

[yesi19]

https://elevaflow.co/

[ZestardTech · 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;
}

[yesi19]

thank you it worked!

[ZestardTech]

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.

[oscprofessional · 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;
}

[yesi19]

Thank You!