By 
When creating a new site with the WooCommerce plugin, you can install the Storefront WooCommerce theme, which is a good thing. However, if you want to use this theme, you need to customize it. One of the areas you should consider is the Storefront footer.
If you do not want to edit the functions.php file or add snippets and prefer to use a plugin, I have created a plugin for you to edit Storefront footer, you can find the plugin here.
WooCommerce Storefront Edit Footer
In this post, I will share how you can change the Storefront theme footer’s look and feel. Moreover, you can modify it for aesthetic and functional purposes, including replacing the Storefront branded copyright text. Beyond editing the branded copyright text, changing the footer colors might motivate you to edit the footer.
What Is a Footer
WordPress sites have four sections:
- Header
- Body
- Footer
The footer shares many similarities with the header. They are both fixed sections that display across your site’s pages and contain important information. However, the main difference is that the footer is located at the bottom of the site. The header is located at the top of the site.
You can include a sitemap in the Storefront theme footer, links to legal disclaimers, company information, and similar ‘formal’ elements. Additionally, you can add:
- Copyright information and date
- Resource sections
- Contact details
- Privacy policy and Terms of Service
- Affiliate programs
If you are looking for your website’s footer content, it is stored (logically) on the footer.php file of the Storefront theme.
Steps to Change the Color of the Footer
Here are the steps that you need to follow:
- Log into your WordPress Dashboard as admin.
- From the navigation menu, click Appearance > Customize.
- This action will open the Storefront theme Customizer. Click on the Footer link as shown:
- Once the footer link has opened, you can change the footer’s background color by clicking on the Select Color Your changes will show immediately. In my example, I have changed the footer background color to purple.
- If you want to change the footer heading color, click the Select color button and choose your color. Your changes will show immediately.
- If you want to change the footer Text-color, click the Select Color button, then choose the color. Your changes will show immediately. In my example, I have changed the footer text color to black.
- To change the footer link color, click the Select Color button and choose your color. Your changes will show immediately. In my example, I have changed the footer link color to black.
- When you have updated your footer colors, click the Publish button to save your changes.
Conclusion
In this post, I have shown you how you can edit the footer using the customizer. The customizer allows you to change the background color, heading color, text color, and the link color. Remember to click on publish to save your changes.
Additionally, I have highlighted the sections on a website and what you can include in the footer. If you have other WooCommerce development problems, you can always get in touch for more advice and help.
Similar Articles
- How to Remove Proudly Powered by WordPress Footer Link
- How to Remove Built with Storefront & Woocommerce Footer Link with 4 Simple Options