How to Customize your WordPress Footer in the Storefront Theme

As we continue our Storefront theme series, we will now show you how to customize your WordPress footer in the Storefront theme. This lets you customize the colors to match your business and can help when branding your WooCommerce site. We will show you how to make changes, then show you examples of how it will be reflected in your theme.

Customize WordPress Footer

  1. Log into your WordPress Dashboard.
  2. In your navigation menu click Appearance then Customize.
  3. You will then be on the Storefront theme Customizer, click the Footer link.
  4. To change your Background color click the Select Color button.

    Your changes will show immediately. In my tests, I changed the footer background color to red.

  5. To change your footer’s Heading color, click the Select color button and choose your color.

    Your changes will show immediately.

  6. To change your footer’s Text color click the Select Color button, then choose the color.

    The change will show immediately.

  7. To change your footer’s Link color click the Select Color button and choose your color.

    Your changes will display immediately.

  8. When you have updated your footer colors, click the Publish button to save your changes.

Congratulations, now you know how to customize your WordPress footer in the Storefront theme! In our next guide, we will show you how to customize the background of your Storefront theme.

Learn more about the power of WordPress Themes and how they can simplify your website building and maintenance.

JB
John-Paul Briones Content Writer II

John-Paul is an Electronics Engineer that spent most of his career in IT. He has been a Technical Writer for InMotion since 2013.

More Articles by John-Paul

4 thoughts on “How to Customize your WordPress Footer in the Storefront Theme

  1. I have found that the background just won’t change, woocommerce suggest the powerpak plugin, without that plugin there is not a Background color – option only the 3 heading, text & link color options.

    1. Hello and sorry about your issue. You should be able to edit the footer.php file manually within your File Manager.

Was this article helpful? Join the conversation!