Shopify themes, liquid, logos, and UX
Hi,
I have a custom footer, that I am wanting to change the background colour of. How can I change the footer colour please?
I have tried adding a custom ID to the footer wrapper, but the wrapper doesn't seem to contain the entire footer:
wrapper#CustomFooter {
background-color: #000000;
}
Cheers.
Solved! Go to the solution
This is an accepted solution.
Hi @andylewie ,
html.supports-js.supports-no-touch.supports-csstransforms.supports-csstransforms3d.supports-fontface.supports-pointerevents {
background: Red;
}
change color as per you need !
Can you please send me store url?
This is an accepted solution.
Hi @andylewie ,
html.supports-js.supports-no-touch.supports-csstransforms.supports-csstransforms3d.supports-fontface.supports-pointerevents {
background: Red;
}
change color as per you need !
@Zworthkey unfortunately that changed the background colour of the entire page.
@oscprofessional that's spot on, thank you very much!
Hi @andylewie ,
div#shopify-section-footer {
background: red;
padding: 23px;
}
try this code or let me know the URL please
Unfortunately that only works for the area immediately above the footer.
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025