How to edit footer in WordPress with 4 easy methods

How to edit footer in WordPress with 4 easy methods

Not less important than the header, a website footer has to be well integrated into the website design. To be able to make changes to the footer, you should first master the techniques of intervening into the right section, to adjust the right elements.

Here’s how:

How to edit footer in WordPress

We’ll show you how to edit the footer area in WordPress, by accessing it in the backend.

There are four methods:

 

1. Edit the WordPress footer code

 

Changes will apply to the footer.php file.

Make sure you’re logged in to the WordPress Admin dashboard.

In the left-hand menu, go to Appearance -> Editor. Click on Editor.

In the list of theme files on the right side, search for the file named Theme Footer (footer.php). Click on it.

The coding lines will display as follows:

 

 

Important note!

It is strongly recommended that you don’t make modifications directly in the footer.php code lines. Instead, you should observe one of these best practices:

  • You should create a child theme and apply changes to the code of the corresponding footer file, in that child theme. Check this resource on how to create a child theme.
  • You should create a backup of your theme files. In case the theme breaks, you only need to revert to the previous theme version stored in backup.
  • Another safe option is to comment the code in the footer.php file. You don’t need to remove any existing lines of code. Comment the code instead.

However, this technique requires you already have some coding skills, to edit WordPress footer code. Use it cautiously.

 

2. Change footer content in the theme Customizer

 

A much simpler option to make changes to your website footer is to access the Customizer of your active WordPress theme.

Log in to the WordPress Admin Dashboard.

Go to Appearance -> Customize.

You’ll be taken to the Customizer of the WordPress theme you have installed and activated.

In the Customizer, you should find a section dedicated to Footer Settings.

For example, in the Mesmerize theme, the Footer Settings section has multiple options, as shown in the screenshot below:

 

 

As you can see, the Mesmerize theme Customizer allows for changes both to content and to design of the footer. You can adjust settings for the website footer, and there’s no need to have any coding skills.

 

3. Add WordPress footer CSS

 

You might want to remove “Proudly Powered by WordPress”, and simply hide the footer content in your website pages.

Practically, you need to remove the last text line you can read in the screenshot below:

 

To do so, you need to add some custom CSS to your theme.

Log in to your WordPress Admin dashboard.

Go to Appearance -> Customize.

You’ll be taken to the active theme Customizer. In our case, it’s Twenty Seventeen theme.

In the Customizer, you should find a section dedicated to Additional CSS. You might find it as a separate section, or as a subsection in General Settings.

Fill in the blank space for additional CSS, with the following lines :

site-info {display:none}

 

 

Press “Publish”.

Open your website, or refresh the page, if the website is already open in your browser. Check to see the results:

 

 

“Proudly powered by WordPress” is no longer visible in your website pages.

 

4. How to edit footer widget in WordPress

 

You can also change footer and footer content from widgets.

To find a WordPress footer widget, you need to log in to your WordPress Admin dashboard (in our case, the active theme is Twenty Seventeen).

In the left-hand menu, go to Appearance -> Widgets.

You’ll be directed to a dashboard like the one in the screenshot below:

 

 

On the left, you’ll find the list of available widgets.

On the right, you’ll find the footer widget sections you need to fill in with the selected widgets.

Drag and drop the widgets you want, from the list on the left, to “Footer 1” and “Footer 2”.

 

In this example, we added the “Calendar” widget to Footer 1, and the “Meta” widget to Footer 2.

 

 

Check to see if the changes are visible in the footer of your website pages. It should look like this (given that we’ve selected Calendar and Meta for the widget sections):

 

 

What modifications can I make to the WordPress footer?

 

There are plenty of footer types you can customize to perfectly fit your website/blog design.

As a reference, you can check these 29+ website footers and take them as examples for your own footer template.

To facilitate the creation of a custom footer, some themes offer pre-defined templates starting from which you can give your website footer the perfect design.

You can choose one of the templates offered by premium themes. So, for instance, in Mesmerize theme, you can find 6 WordPress footer templates, that differ in terms of layouts and components. The list of options makes it easy to edit such footer WordPress templates.

 

Here’s how to edit footer style in WordPress

 

In the WordPress Admin dashboard, go to Appearance -> Customize.

Go to your theme Customizer and find the section dedicated to Footers.

 

  1. How do I edit footer content in WordPress?

For this very example of the Mesmerize theme, you need to simply choose one of the footer templates, and fill in the blanks with your own content for:

  • Copyright text
  • Menu items
  • Contact information (email, address, phone number), etc.

 

 

  1. How do I change the footer color in WordPress?

This setting refers to the footer style and design. Unless you want a more sophisticated look (inserting an image, applying a gradient), you can easily replace the default color with one of your choice.

You should, however, pay attention to pick an appropriate color, based on the color scheme used in the website pages.

 

 

  1. How to edit footer links in WordPress?

You should equally find several options for links settings, in the Customizer.

The links might be represented by footer menu categories, or else by social media icons.

Therefore, you can set different colors for:

  • The anchor text of the links in footer
  • The anchor text of the links, when users hover their mouse over the items
  • The social icons leading to social media accounts
  • The social icons, when users hover their mouse over the respective items.

 

 

  1. Change color for one column in footer

This is a more advanced option. You can choose a different color for, i.e. the last column, in a footer where the layout allows for it. This is useful to put an emphasis on certain content elements in the website footer.

You can set the color to contrast with that of the other columns, for good impact.

 

 

  1. In WordPress, change footer copyright

You can easily change footer copyright mentions, in your website footer. Every template has a section in the Customizer, where you can fill in the copyright text as you want it to appear to visitors.

 

  1. How to adjust footer height in WordPress

Depending on the elements you want to insert in the website footer, you should adjust footer height to smaller or larger values. You can make these changes either in the footer.php file of the Editor, or in the Customizer of the theme, if it provides such features.

Also, footer height is important to give enough negative space around footer elements, which will make them more visible, easier to read and therefore, more useful.

 

Other customizations you might want to make for your website footer:

  1. Social media icons

Their insertion at the bottom of your web pages serves practical purposes and can get a good design, as well.

  1. Footer images

To boost eloquence, you might want to add images to your footer. Therefore, the information will be balanced by visual elements, and it will capture users’ attention.

  1. Footer layout

Depending on how you’ll want to structure the information in the website footer, you can choose a simple layout or a boxed layout. This has the role of making the information look neat and clean, easy to read and keep in mind.

10. Experiment with overlay colors and parallax effects

For an extra touch of stylish design, you might want to experiment with some overlay colors, or parallax effects. This ensures a coherence with the rest of the website, and its elegance continues down to the bottom of every page.

 

This being said, we hope website footer editing no longer has many secrets for you. Observing some best practices and design principles, you should manage to customize your website footer the right way. What is more, you should thus have an additional chance to make visitors remember your website. And get back to it, in the future.