How to add custom footer to WordPress website

Wondering on How to add custom footer to WordPress website ? A footer in WordPress is the bottom section of your website that typically contains important information such as copyright details, links to privacy policies, contact information, and sometimes additional navigation menus or social media links. The footer is part of your WordPress theme and can be customized in several ways, either through the WordPress Customizer, the theme’s settings, or by directly editing the footer template file ( footer.php ) using the Theme Editor.

 

Access the WordPress Theme Editor

Login into your WordPress dashboard, and navigate to Appearance > Theme Editor. The theme editor enables you to edit your theme with ease instead of editing it from the file manage in the host cpnel.

Select your Theme/ child theme

Ensure you select the right theme for your website. In my case i use the Porto theme.

Locate the Footer Template File:

In the Theme Editor, find and open the footer.php file of your active theme.

 

Insert the Custom HTML Code:

Scroll to the bottom of the footer.php file and paste the provided HTML code.

<!– Additional Footer Section –>
<div class=”tekwalks_footer”>
<a href=”https://tekwalks.com/”>Designed By Tekwalks – Website Developers</a>
</div>
<!– End Additional Footer Section –>

Add the Custom CSS

Next, go to the Additional CSS section in the Customizer or your theme’s style.css file, and paste the CSS code. In my theme i will add the CSS through the theme option.

Navigate to theme option>>Additional CSS

.tekwalks_footer {
text-align: center; /* Center content */
background-color: blue; /* background color */
color: white; /* text color */
padding: 10px; /* Add padding for better visual appearance */
}

.tekwalks_footer a {
text-decoration: none; /* Remove underline from the link */
color: white; /* Set the link text color */
}

Save Your Changes:

Save the changes to both the footer.php and CSS files.

Preview Your Website: