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. wordpress woocommerce storefront set site identity customize appearanceIn your navigation menu click Appearance then Customize.
  3. wordpress woocommerce storefront customize footer color access footer settings in storefrontYou will then be on the Storefront theme Customizer, click the Footer link.
  4. wordpress woocommerce storefront customize footer color change background colorTo change your Background color click the Select Color button.

    wordpress woocommerce storefront customize footer color background colorYour changes will show immediately. In my tests, I changed the footer background color to red.

  5. wordpress woocommerce storefront customize footer color change heading colorTo change your footer’s Heading color, click the Select color button and choose your color.

    wordpress woocommerce storefront customize footer color changed footer colorYour changes will show immediately.

  6. wordpress woocommerce storefront customize footer color select text colorTo change your footer’s Text color click the Select Color button, then choose the color.

    wordpress woocommerce storefront customize footer color changed footer text colorThe change will show immediately.

  7. wordpress woocommerce storefront customize footer color footer link colorTo change your footer’s Link color click the Select Color button and choose your color.

    wordpress woocommerce storefront customize footer color changed footer link colorYour changes will display immediately.

  8. wordpress woocommerce storefront customize footer color publish footer color changesWhen 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

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

  • 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.

    • 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? Let us know!