Change the colour of Footer

[Jennifer3011]

Hi, Is there a way to change the announcement and footer colour on only one page on Dawn? I use a pale pink colour at the minute but I have a new men's range so on the Men's page I want to change it to a grey colour.

[Made4uo-Ribe]

Hi @Jennifer3011 ,

Would you mind to share your URL website with password if its protected?

Thanks!

[Jennifer3011]

Hi,

Yes, its https://jenniferluishaircare.com

or https://jenniferluishaircare.com/pages/mens

Thanks 

[Made4uo-Ribe]

Thank you for the information. 

Yes, It is possible to change to the specific page but it needs a liquid code to know which specific pages you want to change. 

[Jennifer3011]

Brilliant, thank you so much. How should I move forward with this?

[Made4uo-Ribe · Accepted solution]

You need to add this one in the liquid code. 

Open the edit code > theme.liquid > find the body tag > then paste this code. 

    {% if page.handle == "mens" %}
    <style>
    .announcement-bar.color-accent-2.gradient, 
    footer.footer.color-accent-2.gradient.section-sections--15523320299565__footer-padding,
    input#NewsletterForm--sections--15523320299565__923af299-839e-4239-bc43-a3304ef29048,
    .color-accent-2.gradient.content-container.isolate.content-container--full-width.section-sections--15523320299565__923af299-839e-4239-bc43-a3304ef29048-padding {
        background: gray;
    }
    </style>
    {% endif %}

Like the picture below. 

I hope it help. 

[Zqdo]

Hi @Jennifer3011, saw you were able to get some help. Were you able to figure out the issue?

[SAN_MSWEB]

Hi @Jennifer3011 

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this code before </body> tag in your theme.liquid file:

{% if page.handle == 'mens' %}
<style>
.announcement-bar.color-accent-2.gradient {background: #000 !important;}

footer.footer.color-accent-2.gradient.section-sections--15523320299565__footer-padding {background: #403f3f !important;}
</style>
{% endif %}

Note: You can change the background color for "Announcement-bar" & "Footer" by replacing the color code.

Regards,

San