How can I alter the footer color on a specific page in Dawn?

Store Design
1

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.

2

Hi @Jennifer3011 ,

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

Thanks!

3

Hi,

Yes, its https://jenniferluishaircare.com

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

Thanks

4

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.

1 Like
5

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

1 Like
6

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" %}
    
    {% endif %}

Like the picture below.

Ribe_Dagandara_0-1686167798622.png
Ribe_Dagandara_0-1686167798622.png999×576 161 KB

I hope it help.

1 Like
7

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

8

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 tag in your theme.liquid file:

{% if page.handle == ‘mens’ %}

.announcement-bar.color-accent-2.gradient {background: #000 !important;} footer.footer.color-accent-2.gradient.section-sections--15523320299565__footer-padding {background: #403f3f !important;}

{% endif %}

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

Regards,

San