Select Page
Topic Progress:

3 Parts of the Divi Footer

The Divi Footer has 3 Parts.

The 3 sections of the Divi Footer - The Widget Area, The Footer Menu and the Bottom Bar

The 3 sections of the Divi Footer – The Widget Area, The Footer Menu and the Bottom Bar

  1. The Widget Area
  2. The Footer Menu
  3. The Bottom Bar

The Widget area and footer menu are completely optional however the bottom bar cannot be removed without custom code.

You can manage the Divi Footer in the WordPress Dashboard.

Editing your footer in Divi

The first step is to go to the Theme Customiser.

From your WordPress Dashboard you can access this from 2 different areas.

On the left menu you can select either:

Divi > Customise (as shown in the screenshot)

Divi Footer Customisation Menu Access

Divi Customise Menu Access Screenshot

Alternatively you can use the Appearance menu found in the typical WordPress menu.

Appearance -> Customise (as shown in the screenshot)

WordPress Appearance Customise Menu Screenshot

WordPress Appearance Customise Menu Screenshot

Editing your Divi Footer in the Theme Customise Tool

Once you are in the Theme Customise Tool select the Footer Menu Item.

Divi Footer Customisation Menu Animation

Divi Footer Customisation Menu Animation – Click to Play

The Theme Customiser will present you with 5 Options under the Footer Menu item.

  • Layout – Use this to control your number of columns.
  • Widgets – Use this to control how your widgets appear and what colors are used for the widgets.
  • Footer Elements – Use this to control your Social Media Icons
  • Footer Menu – Use this to place a horizontal footer menu between the widget area and the footer bar.
  • Bottom Bar – Use this to control the copyright information. It allows you to enter HTML.

These Options are used when you want to style your footer.

The Content is handled in the widgets item.

The Divi Footer Layout.

The Management of the footer layout is simplified as it only covers the Widget Area of the footer layout.

Divi Footer Layout Options for Widgets

Divi Footer Layout Options for Widgets – Click to Play

As you can see from the Animation the positioning of the Widget Areas can be controlled with the Layout Option.

The Divi Footer Menu and Bottom bar are largely not impacted by the layout options.

The Footer Background Color Selector will control the entire background color. This one color selector by default will adjust all background colors.

Divi Footer Widgets Menu

Inside the Widgets menu you can edit the color and styling of the Widget Area of the Footer Menu.

Widget Styling Options in the Theme Customise Tool

Widget Styling Options in the Theme Customise Tool

You can edit these items and see an instant reflection of the design elements on the visual part of the theme customiser.

Divi Footer Elements

The Management of the footer elements only covers the social media icons.

Show or Hide all footer social media icons

Show or Hide all footer social media icons

You cant edit the social media links or which ones are shown from this menu area. All you can do is either choose to show the icons or hide them.

If you want to edit the social media items and the links shown you need to go to the Admin Dashboard. Open the Divi > Theme Options.

Its at this point you may realise that Divi is missing a number of other social networks. If you want to add more, we have a free plugin for that, the Divi Icon Toolkit

The Divi Footer Menu

Adding a footer menu is a good idea. You can add important links in this area like your terms and conditions or privacy policy.

Divi Footer Menu Styling

Divi Footer Menu Styling

The Footer Menu styling is controlled in this location including the background colour of the menu.

You can use this to ensure your menu is easily identified as a menu to your users.

If you havent allocated a menu to the footer menu position then you wont be able to see the menu.

To allocate a menu go to your WordPress Dashboard.

Select the Appearance -> Menu area.

Create a new menu and ensure you have it allocated to the footer menu location.

Setting a Divi Footer Menu

Setting a Divi Footer Menu

Once you have the footer Menu Under Control you are left with your Bottom Bar.

The Divi Footer Bottom Bar

This is where you site will, by default, display a link to elegant themes.

The Divi Bottom Bar Settings for Divi Footer Credits

The Divi Bottom Bar Settings for Divi Footer Credits

Some users get stuck on how to edit this text.

As you type text into the Edit Footer Credits Box you will see the text immediately editing in the footer.

You can add HTML in this area to create links.

Wrapping Up

As you can see, the divi footer styling options are all nested outside of typical divi builder pages. The Divi Theme uses these as standard WordPress implementations.

Most WordPress themes make use of Widgets and the Theme Customiser for style edits.

If you want to use a Divi Layout in your Footer its made possible with a plugin. A free plugin from the team at Divi Framework.

Become a member of Divi Framework and Download the Divi Footer Plugin for free.

 

 

Divi Framework - build anything with Divi to create your online business.

30 day money back guarantee

Safe & Secure online payment

Support team & documentation