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

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

1 Like

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

Sorry! its actually https://jenniferluishaircare.com

Thanks

1 Like

@Jennifer3011

Hi

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

Thanks!

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

Thank you

@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!

1 Like

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

1 Like

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.

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.