How to Create Custom Global Footer in Divi.

In pervious tutorial we discussed how to create Custom Global Header in Divi Theme Builder. In this tutorial we will learn How to Create Custom Global Footer in Divi. We will build Global Footer by changing the Default Footer Template of Divi Theme Builder. This Blog will be helpful to those who want to know how to change Default Template of Divi Theme Builder.

In this tutorial we will build 2 Rows. 1st Row will have 3 columns which consist of content listed below.

1.Navigation Menu with website Logo (1st Column) 

2. Contact Info (2nd Column)

3. About Us & Social Media Icon (3rd Column)

If you want to learn How to Add Social Media Icon or Navigation Menu Along with Logo as a part then click on the above link to navigate to particular section to save your time.

2nd Row will only have 1 column where we will insert copyright content.

Startup.

Step 1:- Login to WordPress Dashboard & navigate to “Divi – > Divi Theme Builder”  

Step 2 :- In “Divi Theme Builder” locate the Default Website Template section after that click on

“Add Global Footer->Build Global Footer”.

Step 3 :- Now give your section background from section settings you can also set background image or gradient color as per your requirement.

Step 4 :- Add a row with 3 columns as shown below.Keep first column bigger for Navigation Menu.

Navigation Menu with Website Logo(1st Column)

Step 1 :- Click on “+” icon in 1st column & insert Menu module from the list

Step 2 :- Go to Menu Setting & from Content tab upload Logo & design the menu as shown below or customize design as per your choice.

Contact Info (2nd Column)

Step 1 :-  To display contact information we will create 3 Blurb module. Create first blurb module for location.

Step 2 :- In Blurb module remove body text & add address in blurb title.

Step 3 :- Now in Image & Icon Section turn Use Icon  to Yes & choose appropriate icon thenafter

Step 4 :- Now Design the blurb module as shown below.

Step 5 :- Now create 2 copy of fist blurb module for Contact Details & Email.

Step 6 :- Now in 2nd & 3rd module change icons and set Title line height to  3em  after that copy Item Style of 2nd blurb module in to 3rd.

About Us & Social Media Icon (3rd Column)

Step 1 :- Create Text module & Add H3 title and  design the module as shown below. Just remember that  keep text color contras as per background to make it visible properly.

Step 2 :- Add social media icon module & design it as shown in below image. Here we have created all content of 1st Row will produced with 2nd row.

Copyright Content Section

Step 1:- Insert a row  along with a text module in it. After that insert the copyright content along with hyperlinks & design it as shown below.