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 emblem new freebies. Not too long ago, we shared a brand spanking new Online Course Layout Pack. That will help you get your website online up and working once conceivable, we’re sharing a world header & footer template that fits this structure pack completely as neatly! Hope you experience it.

Header Design

Footer Design

Obtain The International Header & Footer Template For The On-line Path Format Pack

To put your palms at the unfastened international header & footer template, you’ll first wish to obtain it the use of the button underneath. To realize get right of entry to to the obtain it is very important subscribe to our Divi Day by day e mail checklist through the use of the shape underneath. As a brand new subscriber, you’ll obtain much more Divi goodness and a unfastened Divi Format pack each Monday! For those who’re already at the checklist, merely input your e mail cope with underneath and click on obtain. You’re going to no longer be “resubscribed” or obtain further emails.

Download the Files

.et_bloom .et_bloom_optin_1 .et_bloom_form_content { background-color: #4843d2 !vital; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container .et_bloom_form_header { background-color: #ffffff !vital; } .et_bloom .et_bloom_optin_1 .carrot_edge .et_bloom_form_content:sooner than { border-top-color: #ffffff !vital; } .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:sooner than, .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:sooner than { border-top-color: clear !vital; border-left-color: #ffffff !vital; }
@media most effective display screen and ( max-width: 767px ) {.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:sooner than { border-top-color: #ffffff !vital; border-left-color: clear !vital; }.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:after { border-bottom-color: #ffffff !vital; border-left-color: clear !vital; }
}.et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !vital; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_fields i { shade: #f92c8b !vital; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:sooner than { background: #f92c8b !vital; } .et_bloom .et_bloom_optin_1 .et_bloom_border_solid { border-color: #f7f9fb !vital } .et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !vital; } .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 !vital;}

See also  9 Best possible Computerized Checking out Frameworks For PHP

Obtain For Loose

Sign up for the Divi E-newsletter and we can e mail you a duplicate of without equal Divi Touchdown Web page Format Pack, plus heaps of different superb and unfastened Divi assets, pointers and tips. Practice alongside and you’ll be a Divi grasp very quickly. In case you are already subscribed merely sort on your e mail cope with underneath and click on obtain to get right of entry to the structure pack.

DOWNLOAD

You could have effectively subscribed. Please take a look at your e mail cope with to substantiate your subscription and get get right of entry to to unfastened weekly Divi structure packs!

Add The Template

Pass to Divi Theme Builder

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

Add International Default Website online 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 record which you had been in a position to obtain on this publish and click on on ‘Import Divi Theme Builder Templates’.

Save Divi Theme Builder Adjustments

While you’ve uploaded the record, you’ll realize a brand new international header and footer on your default website online template. Save the Divi Theme Builder adjustments once you need the template to be activated.

Regulate The Template

Open Header Template

To change the worldwide header template’s parts, get started through opening the template.

Make a selection Menu of Selection

Make a selection a menu of your selection within the Menu Module.

Upload CTA Hyperlink URLs

This header has a button at the height proper. Open the settings of each and every to replace the hyperlink URL to the vacation spot of your selection.

Replace Social Media Practice Hyperlinks

You’re going to additionally wish to replace the social media apply module with your personal networks and account URLs.

Open Footer Template

Proceed through opening the worldwide footer within the default website online template.

Replace E mail Optin with E mail Account/Checklist

Then, replace the E mail Optin with an E mail Account and Checklist.

Replace Footer Content material

You’re going to additionally wish to undergo and replace the content material of the footer, together with including your personal textual content, hyperlink URLs, and social media networks. Don’t fail to remember in regards to the copyright textual content on the backside of the footer as neatly.

New Freebies Each and every Week!

We are hoping you’ve loved the On-line Path Format Pack and the Header & Footer freebie that is going at the side of it. We look ahead to listening to your evaluations within the remark phase underneath. You should definitely take a look at again subsequent week for extra freebies!

The publish Download a FREE Header and Footer Template for Divi’s Online Course Layout Pack gave the impression first on Elegant Themes Blog.

read more