Shopify themes, liquid, logos, and UX
I'm using the Expanse theme and I can't change the color of my footer. It works perfectly fine to change the other colors under theme settings (borders and text) but my footer won't change color at all, its stays on white no matter what I choose. Is there a way to fix this?
Solved! Go to the solution
This is an accepted solution.
Hi @nonsie
Do you mean like this?
or like this
Check one then.
From your Shopify admin dashboard, click on "Online Store" and then "Themes".
Find the theme that you want to edit and click on "Actions" and then "Edit code".
In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
div#FooterMenus {
background: var(--colorFooter);
}
And Save. The 1st SS.
div#FooterMenus, .footer__section {
background: var(--colorFooter);
}
And Save. 2nd SS.
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Hi @nonsie
Could you drop your store URL to check?
- Solved it? Hit Like and Accept solution!
- 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.
My store is password protected, is there another way of doing it/sharing?
Hey @nonsie
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 </body> tag
<style>
.footer {
background: #0E475C !important;
}
</style>
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Thank you for your fast reply, unfortunately the code isn't working, the footer is still white.
Can I have a look at your store? share the url and password if enabled.
Best Regards,
Moeed
Hey Moeed, I had same issue that footer color changing . with your answer , I was successfully change my footer menu color. But I still cannot change my footer menu Text Color 😪 . Can you help me to fix it? It will greatly appreciate. Can u send me your contact details or mail me manukalakvidu@gmail.com . Thank you so much
This is an accepted solution.
Hi @nonsie
Do you mean like this?
or like this
Check one then.
From your Shopify admin dashboard, click on "Online Store" and then "Themes".
Find the theme that you want to edit and click on "Actions" and then "Edit code".
In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
div#FooterMenus {
background: var(--colorFooter);
}
And Save. The 1st SS.
div#FooterMenus, .footer__section {
background: var(--colorFooter);
}
And Save. 2nd SS.
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
I have a theme.css.liquid, a theme.js and a theme.liquid but the code isn't working in either of them, I don't really know what I'm doing wrong.
Paste it in your main.css in your Asset folder. Thanks!
Thank you so much taking your time trying to help though. The first picture you posted is the one I'm after.
I put the code in the custom CSS in the theme settings and that worked out perfect! Thank you for providing the code.
Learn what's possible with customizing Shopify Checkout beyond what's available out of...
By Shopify Feb 19, 20252m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025