3 Parts of the Divi Footer
The Divi Footer has 3 Parts.
- The Widget Area
- The Footer Menu
- 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)
Alternatively you can use the Appearance menu found in the typical WordPress menu.
Appearance -> Customise (as shown in the screenshot)
Editing your Divi Footer in the Theme Customise Tool
Once you are in the Theme Customise Tool select the Footer Menu Item.
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.
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.
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.
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
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.
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.
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.
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.