How can I change the announcement and footer color on specific pages in Dawn 10.0?

[Jennifer3011]

Hi,

I want to change the announcement and footer colour on only two pages on Dawn? I use a pale pink colour at the moment, but I have a new men’s range, so I want to change it to a grey for the Men’s ‘collection’ and the ‘product’ (Valiente). I am using Dawn version 10.0.

https://jenniferluishaicare.com

Thanks

[Moeed]

Hey @Jennifer3011
The website URL you provided seems to be invalid, please provide a working URL

[Jennifer3011]

Sorry! its actually https://jenniferluishaircare.com

Thanks

[dmwwebartisan]

@Jennifer3011

Hi

This is code customization work not done without editing the code!

Thanks!

[Jennifer3011]

Ok, thank you so much for your reply. How do I move forward with this?

Thank you

[dmwwebartisan]

@Jennifer3011

Add the following code at the bottom of the file above tag.

{% if collection.handle == 'mens' %}
<style>
.announcement-bar.color-accent-2.gradient {
    background: gray;
}
</style>   

{% endif %}

Thanks!

[Moeed]

Hey @Jennifer3011

Follow these Steps:

1. Go to Online Store
2. Edit Code
3. Find theme.liquid file
4. Add the following code in the bottom of the file above tag.

{% if collection.handle == 'mens' %}
   

{% endif %}

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

Best Regards,
Moeed

[Jennifer3011]

Hi

Thank you so much for your help. I have tried it but it’s not working. Here is a screenshot to see if you can point me in the right direction.

[Jennifer3011]

Hi

Thank you so much for your help! I am still having issues, are you able to point me in the right direction? Here is a screenshot of the theme.liquid file.