Howdy Divi Nation! Thanks for changing into a member folks for the next installment of our weekly Divi Design Initiative where each and every week, we give away brand new freebies. We simply in recent times shared a brand new Convention Structure Pack. To help you get your internet web page up and dealing as soon as conceivable, we’re sharing an international header & footer template that matches this structure pack totally as well! Hope you enjoy it.

Header Design

Footer Design

Download The Header & Footer Template For The Conference Construction Pack

To position your palms on the free international header & footer template, you’re going to first want to download it using the button beneath. To understand get right of entry to to the download it is very important subscribe to our newsletter by way of using the form beneath. As a brand spanking new subscriber, you’re going to acquire a lot more Divi goodness and a free Divi Construction pack each and every Monday! For individuals who’re already on the document, simply enter your piece of email take care of beneath and click on on download. You’ll now not be “resubscribed” or download additional emails.

Obtain the Recordsdata

.et_bloom .et_bloom_optin_1 .et_bloom_form_content { background-color: #4843d2 !very important; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container .et_bloom_form_header { background-color: #ffffff !very important; } .et_bloom .et_bloom_optin_1 .carrot_edge .et_bloom_form_content:quicker than { border-top-color: #ffffff !very important; } .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:quicker than, .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:quicker than { border-top-color: transparent !very important; border-left-color: #ffffff !very important; }
@media most simple visual display unit and ( max-width: 767px ) {.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:quicker than { border-top-color: #ffffff !very important; border-left-color: transparent !very important; }.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:after { border-bottom-color: #ffffff !very important; border-left-color: transparent !very important; }
}.et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !very important; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_fields i { coloration: #f92c8b !very important; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:quicker than { background: #f92c8b !very important; } .et_bloom .et_bloom_optin_1 .et_bloom_border_solid { border-color: #f7f9fb !very important } .et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !very important; } .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 strong { 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 strong, .et_bloom .et_bloom_optin_1 .et_bloom_form_container form input, .et_bloom .et_bloom_optin_1 .et_bloom_form_container form button span { font-family: “Open Sans”, Helvetica, Arial, Lucida, sans-serif; } p.et_bloom_popup_input { padding-bottom: 0 !very important;}

See also  How one can Create an Order Bump for WooCommerce (Step through Step)

Download For Free

Join the Divi Newsletter and we will piece of email you a reproduction of the ultimate Divi Landing Internet web page Construction Pack, plus lots of other excellent and free Divi belongings, tips and guidelines. Practice along and also you’re going to be a Divi grab in no time. If you are already subscribed simply type on your piece of email take care of beneath and click on on download to get right of entry to the structure pack.

DOWNLOAD

You could have successfully subscribed. Please take a look at your piece of email take care of to ensure your subscription and get get right of entry to to free weekly Divi structure packs!

Recommendations on methods to Upload The Template

Transfer to Divi Theme Builder

So as to add the template, navigate to the Divi Theme Builder inside the backend of your WordPress internet web page.

Upload Default Website online Template

Then, inside the peak correct corner, you’ll see an icon with two arrows. Click on on on the icon.

Navigate to the import tab, upload the JSON record which you will have been able to acquire in this post, and click on on on ‘Import Divi Theme Builder Templates’.

Save Divi Theme Builder Changes

When you’ve uploaded the record, you’ll perceive a brand spanking new header and footer on your default internet web page template. Save the Divi Theme Builder changes as soon as you want the template to be activated.

Recommendations on methods to Control The Divi Conference Header and Footer Templates

Open the Divi Conference Header Template

To change the header template’s parts, get began by way of opening the template.

Make a choice Menu of Variety

Make a choice a menu of your variety inside the Menu Module for the desktop and tablet view.

Make a selection Menu for Cellular

Switch to the mobile view

Make a choice a menu of your variety inside the Menu Module for the mobile view.

Edit Social Media Links

This header has social media icons on the peak left. Open the settings for this module and add/edit the social media accounts as sought after.

Alter the social media icons for mobile

Switch to the phone view, and also edit the social media icons for the mobile view.

Exchange the Button CTA

Switch once more to desktop view and edit the button module to link on your holiday spot of variety.

Edit the Text CTA

Edit the text module with content material subject material of your variety.

Control the Text CTA for Cellular

Switch to mobile view, and edit the text CTA within.

Save Header Template Changes

Once you have made all important changes on your excitement, cross out out of all modules and save your header template. Next, navigate once more to the main Divi Theme Builder landing internet web page.

Open Footer Template

Continue by way of opening the footer of the Divi Conference Construction Pack.

Change Footer Content material subject material

It is very important go through and substitute the content material subject material of the footer, in conjunction with together with your own text, link URLs, and connecting your piece of email promoting tool of technique to the email optin module. Don’t disregard regarding the copyright text at the bottom of the footer as well.

New Freebies Each and every Week!

We hope you’ve liked the Divi Conference Construction Pack and the Header & Footer freebie this is going in conjunction with it. We look forward to taking note of your opinions inside the commentary segment beneath. You’ll want to take a look at once more next week for added freebies!

The post Obtain a FREE Header & Footer for Divi’s Convention Structure Pack gave the impression first on Sublime Subject matters Weblog.

read more