How can I change the background color of my header and footer?

Store Design
1

Hi everyone!

I’m trying to change the background colour of my header and footer. I’ve watched the tutorial video but don’t have the option to change the colour of these elements under theme settings/ colours. Any ideas?

I tried changing the background colour via theme settings/ colours, which has changed the colour of the header, the background of the featured collection and testimonials.

Appreciate any ideas! Thanks.

2 Likes
2

Hey, @EandT !

This is Moira from the Social Care team at Shopify. Thanks for posting, and a very warm welcome to the Community!

It is certainly possible to alter the background color of your header and footer, although this would require some minor code adjustments. Our team could help you with this change as you are using one of our free themes and your request falls within customizations we can support.

Support for your Shopify theme

If you’re on the Basic Shopify plan or higher, then you can receive 60 minutes of complimentary design support. We provide this free of charge for Shopify themes if the change falls in line with our Design Policy. Our team tracks the time that they spend on each theme modification request that you make. If you use the entire 60 minutes of complimentary support, then you can hire a Shopify expert for further help. You can learn more about customizations that Shopify supports below:

If this interests you, you can visit https://bit.ly/3cJkx8V and log in to your account to create a support request, and we’d be happy to take a closer look.

Coding Tutorial

If you feel comfortable with making the coding changes yourself, I have linked two tutorials from previous community threads below that you can follow along with:

Important Coding Reminders:

  • If you make changes to the original code and save the changes, you will not be able to revert back. We always suggest you first duplicate the theme and work in the duplicate. That way you can always go back to your previous version.

  • If you make changes to the original code in a theme and update your theme to a newer version in the future it will override past changes.

  • If you need custom changes but would prefer the help of a developer we recommend Shopify’s own Expert Marketplace.

  • If you’ve changed theme files and need to revert them, you can roll back .liquid files individually to a time and date before you made the changes.

As this is your first post in the Shopify Community I would like to welcome you! I would recommend reading our guide on getting support from the Shopify Community here so you are best equipped when looking for support through these forum boards. We also have this great Introduction to Shopify section of our Help Center and a YouTube Channel which is jam-packed with how-to guides to help you get set up faster. What is it that you are selling with Shopify?

I hope this helps and do feel free to reach back out,

Cheers!

3

@EandT

Please share your store URL.

4

@EandT

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

5

Thank you!

Url is www.elizaandtedbaby.co.uk but it’s password protected at the moment. Do I need to remove the password for you to see it?

6

@EandT

yes, please

7

Thank you @KetanKumar for helping out!

@EandT

How are things going with the rest of your website? If you’re still in the initial set-up stage, we have a wonderful step-by-step guide with your next action steps, such as:

  • Creating key pages for your store

  • Setting up your tax and shipping settings

  • Setting up your payment gateway

  • Preparing your store for launch

I hope this helps and as always, please reach out if you have any questions!

Cheers,