Hello Divi Country! Thank you for becoming a member of us for the following installment of our weekly Divi Design Initiative the place each and every week, we give away brand-new freebies. We not too long ago shared a Portfolio Layout Pack. That can assist you get your web site up and working once imaginable, we’re sharing an international header & footer template that fits this structure pack completely as neatly! Hope you experience it.

Header Design

Desktop View

Pill and Cellular View

Footer Design

Desktop View

Pill and Cellular View

Obtain The International Header & Footer Template For The Portfolio Structure Pack

To put your arms at the loose world header & footer template, you are going to first want to obtain it the use of the button underneath. To achieve get entry to to the obtain it is very important subscribe to our Divi Day-to-day electronic mail checklist via the use of the shape underneath. As a brand new subscriber, you are going to obtain much more Divi goodness and a loose Divi Structure pack each and every Monday! If you happen to’re already at the checklist, merely input your electronic mail deal with underneath and click on obtain. You’ll now not be “resubscribed” or obtain further emails.

Download the Files

.et_bloom .et_bloom_optin_1 .et_bloom_form_content { background-color: #4843d2 !necessary; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container .et_bloom_form_header { background-color: #ffffff !necessary; } .et_bloom .et_bloom_optin_1 .carrot_edge .et_bloom_form_content:ahead of { border-top-color: #ffffff !necessary; } .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:ahead of, .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:ahead of { border-top-color: clear !necessary; border-left-color: #ffffff !necessary; }
@media best display screen and ( max-width: 767px ) {.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:ahead of { border-top-color: #ffffff !necessary; border-left-color: clear !necessary; }.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:after { border-bottom-color: #ffffff !necessary; border-left-color: clear !necessary; }
}.et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !necessary; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_fields i { colour: #f92c8b !necessary; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:ahead of { background: #f92c8b !necessary; } .et_bloom .et_bloom_optin_1 .et_bloom_border_solid { border-color: #f7f9fb !necessary } .et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !necessary; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2, .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2 span, .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2 robust { font-family: “Open Sans”, Helvetica, Arial, Lucida, sans-serif; }.et_bloom .et_bloom_optin_1 .et_bloom_form_container p, .et_bloom .et_bloom_optin_1 .et_bloom_form_container p span, .et_bloom .et_bloom_optin_1 .et_bloom_form_container p robust, .et_bloom .et_bloom_optin_1 .et_bloom_form_container shape enter, .et_bloom .et_bloom_optin_1 .et_bloom_form_container shape button span { font-family: “Open Sans”, Helvetica, Arial, Lucida, sans-serif; } p.et_bloom_popup_input { padding-bottom: 0 !necessary;}

See also  Find out how to Redesign a WordPress Web page (Newbie’s Information)

Obtain For Loose

Sign up for the Divi E-newsletter and we will be able to electronic mail you a duplicate of without equal Divi Touchdown Web page Structure Pack, plus lots of different superb and loose Divi sources, guidelines and tips. Practice alongside and you are going to be a Divi grasp very quickly. If you’re already subscribed merely kind on your electronic mail deal with underneath and click on obtain to get entry to the structure pack.

DOWNLOAD

You have got effectively subscribed. Please take a look at your electronic mail deal with to verify your subscription and get get entry to to loose weekly Divi structure packs!

Methods to Add The Template

Move to Divi Theme Builder

To add the template, navigate to the Divi Theme Builder within the backend of your WordPress web site.

Add International Default Web page Template

Then, within the height proper nook, you’ll see an icon with two arrows. Click on at the icon.

Navigate to the import tab, add the JSON report which you had been ready to obtain on this put up, and click on on ‘Import Divi Theme Builder Templates’.

Save Divi Theme Builder Adjustments

If you’ve uploaded the report, you’ll understand a brand new world header and footer on your default web site template. Save the Divi Theme Builder adjustments once you wish to have the template to be activated.

Methods to Adjust The Template

Open the Loose Header for the Divi Portfolio Template

To change the worldwide header template’s components, get started via opening the template.

Make a choice Menu of Selection for Desktop

This Divi portfolio template has a separate set of modules for pill and cell. First, we will be able to replace our desktop modules, then, paintings on our cell modules. To start, choose a menu of your selection within the Menu Module.

Replace Emblem

Make a choice your emblem from throughout the Menu Module for desktop.

Upload and Replace Social Media Networks

Throughout the Social Media Follow Module upload and replace your social media accounts. Make certain that you appropriately hyperlink them in your lively social media pages.

Alternate Button Textual content and Upload a Hyperlink

Replace the textual content and upload a hyperlink to the Button Module.

Transfer to Pill View

Click on at the crimson button within the middle of the display screen with the 3 dots. Subsequent, click on at the pill icon from the menu at the left. This may trade the Divi Builder in order that we will edit the cell view of our header.

Make a choice Menu for Cellular Menu

Select the menu that you’re going to be the use of with the cell menu.

Upload Emblem to Menu for Cellular

Add your emblem to the Menu Module for the cell view

Replace Social Media Networks and Hyperlinks

We’ve a Social Media Follow Module throughout the cell header. Make certain that you’ve up to date it together with your social media networks and their respective hyperlinks.

Adjust Button Module

Upload your hyperlink and replace your textual content at the Button Module for the cell header.

Open the Footer Freebie for the Divi Portfolio Template

Proceed via opening the worldwide footer within the default web site template.

Replace Footer Emblem

Upload your emblem to the Image Module throughout the footer template

Replace Button Textual content and URL

Upload a URL and replace the textual content throughout the footer’s Button Module.

Make a choice Footer Menu

Select the menu you desire to displayed within the footer.

Select Your Portfolio Classes

The footer freebie for our Divi Portfolio template creates an international portfolio grid. This implies your portfolio items will display up on the backside of all pages for your web site. Make a choice the kinds of your paintings that you wish to have to turn within the Portfolio Module.

Alternate Copyright Textual content

Replace the Textual content Module that shows your copyright data.

Except for the textual content that comes after the date, go away the whole thing else throughout the modal field as is, together with the custom date format.

Adjust Footer Social Media Icons

Alternate and upload your social media networks to the footer.

New Freebies Each and every Week!

We are hoping you’ve loved the Portfolio Structure Pack and the Header & Footer freebie that is going along side it. We sit up for listening to your evaluations within the remark segment underneath. You’ll want to take a look at again subsequent week for extra freebies!

The put up Download a FREE Header & Footer for Divi’s Portfolio Layout Pack gave the impression first on Elegant Themes Blog.

read more