Changing Footer Credits & Footer Text – Divi Extra Theme

Changing Footer Credits & Footer Text – Divi Extra Theme

If you’re searching for a fast and easy solution to the common problem of changing the footer credits at the bottom of your Extra or Divi website, this tutorial will tell you exactly how you can accomplish your task painlessly.

Most people do not like to see the stock text “Designed by Elegant Themes | Powered by WordPress” on their WordPress website running Divi or Extra. It’s not exactly visually appealing, and might make the website seem less personalized.

A reason that might be an even bigger problem is that there is a high chance that you have paid for these themes. And if you’ve paid for something, chances are that you really want to remove all sorts of stock advertising on your website.

You know your footer text is removed because the Extra theme reverts to the stock text after every update. This problem has a straightforward solution: creating a child theme.

We have covered the solution in detail if you want to understand how child themes work.

Divi’s Extra theme is a great start-up WordPress theme for bloggers. This is especially true and pertinent because this theme comes packaged with the Divi subscription. But the Extra theme comes with its own set of problems. One of the most common difficulties is changing the category color of the sidebar modules.

But let’s talk about visible footer text in this article. First, we will be changing the footer credits via the inbuilt Customizer, and then we can move further to more specifications. There are a couple of ways to remove or change the footer text of the Divi or Extra theme.

How to Change Divi Footer Credits?

There are three tried and tested methods to change Divi footer credits listed below, and we’ll explain these procedures in this guide.

  1. Through the Divi Theme Customiser
  2. By replacing the credits with Javascript
  3. By editing the Theme file .php

 Using the Customizer

To find the Customizer in the Divi theme, navigate to Divi and click on the Theme Customizer.  

Note: This method only works in the Divi theme.

Theme options divi

 

Once the new window appears, navigate to the Footer Settings at the end of settings, and you’ll find the Bottom Bar.  

Footer settings

In the bottom bar, you’ll see the Divi Disable Footer Credits option – enable this. In the Divi Edit Footer Credits section, put in the desired code, as illustrated. 

Edit Footer Credits WordPress

Click on Publish button.

Publish the settings CHANGING FOOTER CREDITS

If the mentioned method doesn’t work, we’ll try changing the footer credits through good old JavaScript.  

Changing the Footer Credits Using Javascript

JavaScript code is easy to work with. Here is a basic template.

<script>
jQuery(function($){
	$('#footer-info').html('&copy; '+(new Date).getFullYear()+' <a href="https://wpfirsthand.com/">WP Firsthand</a>');
});
</script>

You can add this to your theme by copying it into “Extra>> Theme Options

Extra Theme options

Then click on Integration and add the code to the “Add code at the head of your blog” section, after any other content.

Extra theme options CHANGING FOOTER CREDITS

You can easily insert code here and replace the existing footer links with your own personal HTML code. The HTML code that we have included in this example consists of three parts:

  1. “(c)” – this part of the HTML code displays the copyright symbol.
  2. JavaScript to get the current year in YYYYY format.
  3. A link to WP Firsthand’s homepage. You may replace this with whichever website you wish to link to.

HTML code in WordPress CHANGING FOOTER CREDITS

All of these options can be modified to make the connection more specific to your site.

Changing Footer Credits & Footer Text Through Theme File .php

If you are not a professional website developer or don’t know how coding works, we’ll delicately explain to you how to solve your problem and get rid of it in the future as well. You just have to follow this easy process and say goodbye to your woes. 

First, you have to log in to your WordPress website. Once you log in, go to the admin dashboard, and on the left side tap, you’ll see the Appearance section placed in the middle of the sidebar. Click on it and select the Theme Editor

Appearance

A new window appears once you click on the theme editor, exhibited in the screenshot below. Now navigate to the right side of the screen, where there should be a list view in which you can find the Footer.php and click on it.

Theme Editor

When the footer.php file is open, you see the PHP code and then find the footer code section. If you cannot find the code, press CTRL+F together, and you’ll see a search bar at the top. In the search bar, insert the text Designed and press enter. You’ll see the footer code line as shown below. 

Divi Extra Theme - Changing Footer Credits & Footer Text

Now you’ll see the yellow underlined code, this is your footer text. Next, you must select the code line inside the <P> tags and remove it, as shown below.

Footer text extra theme

Once you remove the line inside the <P> tags, enter your desired line there, as illustrated below.

CHANGING FOOTER CREDITS pic

Click on update, and now you can check if the footer text has changed, as you can see in the screenshot.

Footer text

Changing the Footer Credits With the ASPEN Footer Editor

If you don’t want to mess around with jQuery code, or you want a more convenient way to edit the links, you may want to check out the Aspen Footer Editor plugin.

You can modify the Extra footer links with a standard WordPress editor. It allows you to format and add images as you would with a regular WordPress post.

If you don’t find any solution to set the footer widgets’ background color, click the link to see how it works. 

How to Edit Footer in Divi?

The Divi Footer can be edited through the WordPress Dashboard’s Customiser or Appearance menus. 

  • First, log in to the WordPress dashboard, navigate the Davi and click on the Theme Customizer.
  • Once the theme customizer loads, click on Footer from the menu list. Here you can choose any footer style and customize it as you please. That’s all!

 

Divi Extra Theme – How to set the background color of the Footer Widgets Area?

Divi Extra Theme – How to set the background color of the Footer Widgets Area?

If you’re using the Extra Theme and don’t know how to set the background color of the Footer Widgets Area? Don’t worry, there is an easy way you can change the footer color widgets area. We’ll show you how to do it. 

The Divi Theme Builder is a solution in this modern and ever-evolving era. The background color of the Footer Widgets Area might not seem essential to many but for WordPress users, this is an integral feature and they can’t miss out on this one. Along with this, you can also take a look at how to change footer credits &  footer text on our website. 

This article will guide you to the right path and give you a detailed tutorial on setting the background color of the Footer Widgets Area. 

SET THE BACKGROUND COLOR OF THE FOOTER WIDGETS AREA

Unfortunately, the ability to change the footer widget section’s background color is missing in the Extra Theme. However, you can use the following CSS to change the background color:

footer#footer { background-color: #ff0000; }

  1. You can paste it into the “Custom CSS” box in the ePanel’s “Extra > Theme Options > General Settings” section to add it to the theme at the very bottom.
Go to Extra Settings

You may notice that the color of the bottom bar (the one with the copyright notice/credits) changes when you use this code. This is because the bottom bar is semi-transparent by default, allowing the main footer’s color (as determined by the code above) to show through.

  1. To fix this issue, you can modify the color of the bottom bar at Extra > Theme Customizer > Footer Settings > Bottom Bar > Background Color.
Extra > Theme Customizer

You’ll see two slider bars to the right of the color picker box when you click on this Background Color option. The transparency of the bottom bar background color is controlled by the rightmost of these.

Extra theme Background color options

Therefore, if you move the toggle to the top, the bottom bar with no clarity will appear, using the color you selected in the color picker.

If you’re not using Extra theme and don’t know How to change the background color of the Footer Widgets Area? There are simple steps to change the color.

  1. Navigate to your WordPress Dashboard, go to Appearance > Customize > Footer > Footer Widgets section.
  2. Choose a background color or image for the Footer Widgets Area under the Background options.
  3. Then, click on the Publish button.

You can take further help from our guide on how to change the category accent color. 

That’s it; leave a comment here if this information is helpful.

Divi Extra Theme – How To Change The Category Accent Color?

Divi Extra Theme – How To Change The Category Accent Color?

Are you confused about changing the category accent color in the Divi Extra theme? You don’t have to panic at all because we have covered it for you. This article will make it as easy for you to understand and learn how to change the category accent color. 

Do you know there are a lot of ways to change the color? For example, you can modify the color through code or provided a UI interface. If you’re using the Extra theme, you can change the category color with just a few clicks.

There is this thing with WordPress that you think is that these things are very complicated. But once you have the basic help then you can figure out almost everything. If you are trying to figure out how to change the category accent color then you might be thinking about how to set the background color of the Footer Widgets Area.

However, we have drafted this guide for you to understand the entire procedure of changing the category accent color o the Divi Extra theme. Follow the steps to change the category accent color. 

Extra Theme Procedure Change The Category Accent Color

The Extra Theme contains a feature that allows you to set individual categories with a different “accent” color.  These appear in various places when posts from that category are shown.

If you want to alter the page accent color for a specific category, Go to “Posts > Categories” in your WordPress dashboard. 

Go to Post > category

Then, hover over the category you’d like to change the color for, click the “Edit” link that displays.

Edit blog post

You should see something like this on your screen:

Change the “Color” option to the category you need to highlight, then click “Update.”

Change the "Color"

If you refresh your page, your new category color should appear.

Adding custom colors for post categories 

You can utilize the color picker present when editing a category to adjust the page accent color of category posts. For example, to modify the Category Custom Accent Color, go to Posts → Categories , select a specific category from the list, and modify the Category Custom Accent Color.

That is all there is to it. The single post pages and the category archive page that relate to that category will have separate colors.

If you wish to change footer credits&amp; footer text then check our article on Changing Footer Credits &amp; Footer Text?