How to Change Footer Text and Background Color in WordPress

Are you wondering how to change the footer text and color in WordPress? If that’s the case, then you’ve landed on the right page.

Although footers are usually overlooked areas of a website, it’s extremely important for site navigation. However, it can be made stunning in several ways. All you need to do is edit it and make some tweaks to make changes to its text, color, and background.

Having said that, you might still be curious about how to change the footer text and color in WordPress. Don’t be concerned! A thorough handbook has been prepared specifically for you.

Therefore, we’ll go through different ways to change the footer color and text in WordPress within this article. Let’s get rolling!

Change Footer Text & Background Color – Video Tutorial

Do you prefer watching a video tutorial? Here’s an easy video tutorial below on changing footer text and background color in WordPress. Get ready to watch it now!

Want to keep notes? Then, read the detailed guide below to memorize the process!


What is a Footer on a WordPress site?

The footer is usually the bottom part of the WordPress website that comes after the main content. It serves as the conclusion of the overall website as it completes the entire design, something like the final slide.

Footer Of SiteNerdy
Footer Of SiteNerdy

As we know, footers aren’t as exclusive as headers of the website, regardless, it’s immensely important to create a distinct footer. So, WordPress mostly offers the unique footer functionality that comes with your theme.

Moreover, with stunning footers,

  • You can make it simple for your visitors to navigate your website easily.
  • Also, it’ll be useful for visitors who are interested in digging deep into your content. 

Further, the WordPress footer comes with the default design. You can edit it to include different colors, fonts, and backgrounds. Also, you can insert essential links, information, blog posts, security badges, forms, and more.

Did you accidentally land up here? And are you planning to build a website of your own? Then, check our comprehensive and beginner-friendly article on how to create a website.


Importance to Have Footer on Website

Before moving to the different ways to change the color and text in WordPress, let’s discuss the reasons for it.

  • Improves SEO: With the help of important links on your footer, the SEO of your website will be enhanced. Because the number of external and internal links determines SEO rankings. 
  • Builds Trust: You can include prominent awards, reliable certificates, security tags, etc. in your footer area. This makes customers feel your site is trustworthy. 
  • Branding: The footer is an ideal place on the website to display your company name, logo, and tagline. This reinforces the brand identity of your company to the customers.
  • Establish Communication: The footer provides a line of communication with your visitors because you can include interactive elements like contact form, location info, contact details, etc. 

With that, now let’s dive into the different ways!


How to Change Footer Text & Background Color in WordPress?

We’ve enlisted some of the easiest ways to change the footer text and color on the WordPress website. So, let’s start!

Method 1: Changing Footer Text and Background Color with Full Site Editing

One of the easiest methods is using its theme settings. So, we would like to recommend you edit the footer text using Block themes. You can use any of the Full Site Editing (FSE) themes.

However, for this tutorial, we’ve already installed and activated the Twenty Twenty-Four theme, which is also the default theme for WordPress.

So, start by installing and activating the theme. To do so, go to your WordPress dashboard, then click on “Appearance > Themes > Add New Theme.”

Click Add New Themes
Click Add New Themes

After that, search for the Twenty Twenty-Four theme and hit the “Install” button once the theme appears.

Install Twenty Twenty Four Theme
Install Twenty Twenty Four Theme

After that, activate the theme.

Activate Twenty Twenty Four Theme
Activate Twenty Twenty Four Theme

Note: If you’ve already installed the theme then you can skip the installation and activation part.

Now, let’s change the footer text!

Changing Footer Text

Begin by going to the Appearance option of your WordPress dashboard. Then click on the Editor option.

Go To Appearance Then Editor Option
Go To Appearance Then Editor Option

Now, you’ll be redirected to the editor interface where you can edit any of the elements of this theme.

Editor Interface of Twenty Twenty Four Theme
Editor Interface of Twenty Twenty-Four Theme

So, to edit the footer text, scroll down below and click on the text you want to edit. For this guide, we’ll edit the “Designed with WordPress” text. So, click on that text, and write the text of your choice. 

Text Editing In Twenty Twenty Four Theme
Text Editing In Twenty Twenty Four Theme

We’ve changed the “Designed with WordPress” text to “All Rights Reserved” which is shown in the below snapshot.

Changing The Footer Text

You can also remove the entire “Designed with WordPress” text. If you want to do so, then click on that text and click on the 3 dot options on the text taskbar.

Removing Footer Text

There you can find a “Delete” option. Just click on that option and that text will disappear.


Changing Footer Text Color

Now that, we’ve changed the footer text, let’s change the text color.

So, let’s select the same footer text we’ve just changed. Then go to the settings option. Under the “Color” tab go to the “Text” menu. 

Change The Footer Text Color
Change The Footer Text Color

Now you’ll see many color options, so click the one you like. And That’s it!

And, below is an example of how your footer text will look like.

Changed Footer Text Color
Changed Footer Text Color

Changing Footer Background Color

Here, we’ll be editing the background color of the footer. So, let’s move!

Again, click on the footer block, go to the top right of your editing interface, and click on the settings icon. 

Click Footer Block And Settings Icon
Click Footer Block And Settings Icon

There, you can see various options of settings. Among them, click on the Background option under the Styles tab.

Changing The Background Color Of Footer
Changing The Background Color Of Footer

After that, it comes with different color options. Click on your preferred color and you can see the changes in the background color of your footer instantly. Or drag the slide to make your color more precise.

And, that’s it!


Method 2: When Using WordPress Theme Settings

In this method, we’ll be using the Astra theme to take as an example.

If you are using a different theme than Astra, you can follow a similar way. Or follow the theme documentation of that particular theme.

Now, let’s install and activate the Astra theme. Similar to FSE, go to the “Appearance > Add New Theme.” 

Click Add New Themes
Click Add New Themes

Then search for the Astra theme. Following that hit the “Install Now” button after the theme appears.

Install Astra Theme
Install Astra Theme

Once done with the installation, hit that “Activate” button and your theme is ready to use.

Activate Astra Theme
Activate Astra Theme

You can also check our article on how to install a WordPress theme, for a full guide.

Changing Footer Text

Now to make the changes, go to your WordPress dashboard and click on Appearance>Customize. 

Go To Customize Option Of The Theme
Go To Customize Option Of The Theme

Then, you’ll be redirected to the editing panel. On the customization options, look for the footer option. On the Astra theme, you can find the Footer Builder option. Simply, click on that!

Click Footer Builder Option
Click Footer Builder Option

After that, you can see the Copyright option under the Elements tab.

Click On The Copyright Option
Click On The Copyright Option

Once you click on the Copyright option, you can find copyright text. The text is written as “Copyright © 2024 Sam Hill Website | Powered by Astra WordPress Theme”. 

Copyright Text
Copyright Text

You can simply edit the text or completely remove it as per your choice from the left-hand side text box as shown in the image below.

Changing Copyright Text
Changing Copyright Text

For now, we’ve changed the text to “Copyright © 2024 Sam Hill Website | All Rights Reserved”. After changing the text, you can instantly see the changes on your footer on the customizer as well.

Also, don’t forget to click on the Update or Publish button at the top after making changes to save them.

That’s it! Editing your footer text is way easier than you think with this method, right?


Changing Footer Text Color

Now to change the footer text color, you need to go to customization again, similar to changing the footer text.

As we’re here on the same customization page, let’s change the color of the footer text.

So, under the design option, Click on the “Text Color” option.

Changing Footer Text Color In Astra Theme
Changing Footer Text Color In Astra Theme

There you’ll find a range of color options, so choose the one you like. Or drag the slide to change the color of the text.

Moreover, you can also change the color code. Simply type or paste your color code in the box. And it’s done.

Change Color Code From Astra Theme Settings
Change Color Code From Astra Theme Settings

Once done, hit the “Publish” button to save the changes.


Changing Footer Background Color

Next up, let’s customize the footer background color. So, on the same customization interface of Footer Builder, click on the Edit icon on the footer. 

Click Edit Option Of The Footer
Click Edit Option Of The Footer

Then, you can see various options under the General tab. But you need to click on the Design tab where you can find the Background option.

Now, click on the background option and you can find a range of color options. To change the color of your choice, you can simply click on any color or drag the slides to make it a precise color. 

Changing Background Color

Alternatively, you can also edit the color code. For that click on the color picker on the right side, and you can write your color code. 

Edit Color Code

Now that you’ve changed the color, don’t forget to click on the Publish or Update button at the top. 


Method 3: When Using Elementor Page Builder

In this section, we will give you a tour of how to edit the footer text using the page builder. For this method, we’ll be using the Elementor plugin.

However, note that you’ll need the Pro version of the Elementor plugin to use this feature. So, make sure that you have the premium Elementor.

But first, let’s install the free version!

For that, you need to log in to your WordPress dashboard and go to Plugins>Add New. After that, go to the search bar and enter “Elementor”. Once you’ve found the plugin, click on the Install button. 

Installing Elementor Plugin Free Version
Installing Elementor Plugin Free Version

After the installation is completed click on the Activate button. 

Activate The Elementor Plugin Free Version
Activate The Elementor Plugin Free Version

Now, for the pro version, go to the official website of Elementor, select any of the premium pricing plans of Elementor, and upgrade it to the pro version.

Elementor Plugin Pricing Plans
Elementor Plugin Pricing Plans

For reference, check how to purchase and install the premium version of a plugin from our guide.

Now, go to your WordPress dashboard, then go to “Plugins > Add New Plugins> Upload Plugin > Choose File.” After uploading hit the “Install Now” button.

Install Elementor Pro
Install Elementor Pro

Following that, click on the “Activate Plugin” button.

Activate Elementor Pro Plugin
Activate Elementor Pro Plugin

And, your page builder is ready to use!

Changing Footer Text

After upgrading to the premium version, go to the Templates menu of your dashboard and click on the Theme Builder option.

Go To The Theme Builder Option
Go To The Theme Builder Option

Following that, you can see all the parts required for your website.

Parts Of Website By Elementor
Parts Of Website By Elementor

From there, you need to go to the Footer part. And, you can see various footer templates that you can install. You can explore those templates and click on the Insert button of your preferred ones. 

Insert Footer Templates
Insert Footer Template

After inserting the template, you’ll be redirected to the editor panel of the Elementor.

Elementor Editing Panel
Elementor Editing Panel

Now, click on the text you want to edit and you can find an edit icon. Click on that icon and on the left side, you can see that text is under the Title box, written as “All Rights Reserved”.

Changing Footer Text
Changing Footer Text

From there, click on the text, and edit those text with the preferred ones. For example, we’ve changed it to “Powered by WordPress”.

Edited Footer Text
Edited Footer Text

So, this is how you can edit your footer text effortlessly.


Changing Footer Background Color

Now to change the footer background color, simply, go to the Templates>Theme Builder from your WordPress dashboard.

Go To The Theme Builder Option
Go To The Theme Builder Option

Following that, insert the footer like we did while changing the footer text section.

Insert Footer Templates
Insert Footer Template

Once the footer is inserted, click on the whole footer layout, and you’ll see the blue-colored border. There, you need to click on the middle icon which is between the + and x icons. That middle icon is the edit container icon.

Click The Edit Container Icon
Click The Edit Container Icon

Then, you’ll find different options under the Style tab, so, go to the Background option. 

There, you can find the Background Type element from which you need to select the Classic icon. 

Click On The Classic Icon
Click On The Classic Icon

After clicking on the Classic icon, you can finally see the Color element. Then, click on the icon which is on the right side of the Color element. From there, you can select the global colors

Global Color Options
Global Color Options

Once you’ve selected the color, you can also make your color more precise by clicking on the color picker. There, you can directly click on the color of your choice, or write the color code. 

Color Picker In Elementor
Color Picker In Elementor

And that’s it!

You can instantly see the background color of the footer which is changed after your color selection. 


Conclusion

And, that’s all folks! We’ve arrived at the end of this article. 

We’ve discussed different methods for how to change the footer color in WordPress. Now, you can easily change the footer color and text in your WordPress site using any of these easy methods. 

We recommend you go to the “Using Theme Settings” method for changing both the footer text and background color in WordPress. This method is easier and more convenient to use. Most of all, anyone, even beginners, can quickly change them. 

Also, if you’ve tried any of these ways mentioned above, then do leave us a comment below and your experience regarding the method.

In case you’ve any more queries about changing footer color and text in WordPress, then feel free to ask us. We’ll get back to you as soon as possible. Also, share this article with your friends and colleagues. 

Also, do check out our article on how to add images side by side in WordPress Gutenberg & how to add a logo slider in WordPress.

Don’t forget to follow us on Facebook and Twitter for more helpful articles.

Updated on

One thought on “How to Change Footer Text & Background Color in WordPress?

Leave a Reply

Your email address will not be published. Required fields are marked *

Join our Community, Don't Miss an Update!

Get the latest posts and blogs directly to your inbox. Subscribe to our newsletter. Don't worry! We won't spam you like others.

[wpforms id="11420"]