Change colour of Footer on diffent collection pages

DJLondon1959 · ‎05-02-2024

If some one could please help me Change the colour of the Footer for Collection pages in prestige theme.

Here is a link to my two collection pages at the moment what i would like to do is make the Footer on this page black. https://danieljameslondon.com/collections/daniel-heart

and the Footer on this page Green.

https://danieljameslondon.com/collections/for-lions-for-life

Any Help appreciated many thanks.

Regards Daniel

PageFly-Oliver · ‎05-02-2024

Hi @DJLondon1959 ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

 <style>
{% if handle contains "daniel-heart" %} 
#shopify-section-sections--22519357800765__footer .footer {
    background: black;
    color: white;}
{% elsif handle contains "for-lions-for-life"%}
#shopify-section-sections--22519357800765__footer .footer {
    background:rgb(151, 155, 77);
    color: white;
 {% endif %}
}
</style>

I see your store looks very nice, warm, and elegant, but in my opinion, you should consider adding the product media slideshow. it will help the customer easily see some media the product to easily purchase.

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!

PageFly - #1 Page Builder for Shopify merchants.

All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

PageFly-Oliver · ‎05-02-2024

Hi @DJLondon1959 ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

 <style>
{% if handle contains "daniel-heart" %} 
#shopify-section-sections--22519357800765__footer .footer {
    background: black;
    color: white;}
{% elsif handle contains "for-lions-for-life"%}
#shopify-section-sections--22519357800765__footer .footer {
    background:rgb(151, 155, 77);
    color: white;
 {% endif %}
}
</style>

I see your store looks very nice, warm, and elegant, but in my opinion, you should consider adding the product media slideshow. it will help the customer easily see some media the product to easily purchase.

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!

PageFly - #1 Page Builder for Shopify merchants.

All features are available from Free plan. Live Chat Support is available 24/7.

Dan-From-Ryviu · ‎05-02-2024

Hi @DJLondon1959

Please go to Online Store > Themes > Edit code > open theme.liquid file, add this code after <head>

{% if collection.id == 485863424317 %}  
<style>
.footer {
    background: #000 !important;;
}
.footer * { color: #fff !important; }
</style>
{% endif %}
{% if collection.id == 485007687997 %}  
<style>
.footer {
    background: #979b4d !important;
}
.footer * { color: #fff !important; }
</style>
{% endif %}

- Helpful? Like and Accept solution! Or Support me: Buy Coffee
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Change colour of Footer on diffent collection pages

Change colour of Footer on diffent collection pages

Community Blog Articles