Whats up Divi Country! Thank you for becoming a member of us for the following installment of our weekly Divi Design Initiative the place every week, we give away logo new freebies. We just lately shared a brand spanking new Convention Structure Pack. That will help you get your web site up and working once imaginable, we’re sharing a world header & footer template that fits this format pack completely as neatly! Hope you experience it.

divi layout

Take a look at Out The Divi Convention Header and Footer Template Underneath

Get it without spending a dime nowadays!

Header Design

Header Layout for Desktop in the Divi Conference Header and Footer Freebie
Header Layout for Tablet and Mobile in the Divi Conference Header and Footer Freebie

Footer Design

Footer Layout for Desktop in the Divi Conference Header and Footer Freebie

Footer Layout for Tablet and Mobile in the Divi Conference Header and Footer Freebie

Obtain The Header & Footer Template For The Convention Structure Pack

To put your fingers at the unfastened world header & footer template, you’re going to first wish to obtain it the usage of the button underneath. To realize get entry to to the obtain it is important to subscribe to our publication via the usage of the shape underneath. As a brand new subscriber, you’re going to obtain much more Divi goodness and a unfastened Divi Structure pack each Monday! For those who’re already at the record, merely input your electronic mail deal with underneath and click on obtain. You’ll no longer be “resubscribed” or obtain further emails.

.et_bloom .et_bloom_optin_1 .et_bloom_form_content { background-color: #4843d2 !essential; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container .et_bloom_form_header { background-color: #ffffff !essential; } .et_bloom .et_bloom_optin_1 .carrot_edge .et_bloom_form_content:sooner than { border-top-color: #ffffff !essential; } .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 !essential; border-left-color: #ffffff !essential; }
@media simplest 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 !essential; border-left-color: clear !essential; }.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:after { border-bottom-color: #ffffff !essential; border-left-color: clear !essential; }
}.et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !essential; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_fields i { shade: #f92c8b !essential; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:sooner than { background: #f92c8b !essential; } .et_bloom .et_bloom_optin_1 .et_bloom_border_solid { border-color: #f7f9fb !essential } .et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !essential; } .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 sturdy { 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 sturdy, .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 !essential;}

Download For Free

Obtain For Unfastened

Sign up for the Divi E-newsletter and we can electronic mail you a duplicate of without equal Divi Touchdown Web page Structure Pack, plus heaps of alternative superb and unfastened Divi assets, pointers and tips. Apply alongside and you’re going to be a Divi grasp very quickly. In case you are already subscribed merely sort for your electronic mail deal with underneath and click on obtain to get entry to the format pack.

You may have effectively subscribed. Please test your electronic mail deal with to verify your subscription and get get entry to to unfastened weekly Divi format packs!

Tips on how 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.

Navigating to the Divi Theme Builder

Add Default Site Template

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

Opening the import export functionality of the Divi Theme Builder

Navigate to the import tab, add the JSON document which you have been ready to obtain on this publish, and click on on ‘Import Divi Theme Builder Templates’.

Import settings for the header and footer layout pack

Save Divi Theme Builder Adjustments

While you’ve uploaded the document, you’ll understand a brand new header and footer for your default web site template. Save the Divi Theme Builder adjustments once you need the template to be activated.

Saving changes with newly imported Header and Footer Layout

Tips on how to Regulate The Divi Convention Header and Footer Templates

Open the Divi Convention Header Template

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

Editing the Divi Conference Header Layout

Make a selection Menu of Selection

Make a selection a menu of your selection within the Menu Module for the desktop and pill view.

Selecting menu for the desktop menu

Make a choice Menu for Cell

Transfer to the cell view

Switch from desktop to mobile view within the Divi Theme Builder

Make a selection a menu of your selection within the Menu Module for the cell view.

Select a menu for the mobile version of your Header Layout

Edit Social Media Hyperlinks

This header has social media icons at the height left. Open the settings for this module and upload/edit the social media accounts as wanted.

Editing social media icon links with the Header Layout

Modify the social media icons for cell

Transfer to the telephone view, and likewise edit the social media icons for the cell view.

Editing social media icons for mobile

Alternate the Button CTA

Transfer again to desktop view and edit the button module to hyperlink for your vacation spot of selection.

Edit the button CTA in the Header Layout

Edit the Textual content CTA

Edit the textual content module with content material of your selection.

Edit the text CTA within the top right header

Regulate the Textual content CTA for Cell

Transfer to cell view, and edit the textual content CTA inside of.

Edit the text module for mobile

Save Header Template Adjustments

After you have made all vital adjustments for your pleasure, go out out of all modules and save your header template. Subsequent, navigate again to the principle Divi Theme Builder touchdown web page.

Save edits to the Divi Conference Header Layout

Open Footer Template

Proceed via opening the footer of the Divi Convention Structure Pack.

Editing the Divi Conference Layout Footer

Replace Footer Content material

It is important to undergo and replace the content material of the footer, together with including your individual textual content, hyperlink URLs, and connecting your electronic mail advertising software of option to the e-mail optin module. Don’t fail to remember in regards to the copyright textual content on the backside of the footer as neatly.

Edit footer content links, logos, and email marketing integrations.

New Freebies Each Week!

We are hoping you’ve loved the Divi Convention Structure Pack and the Header & Footer freebie that is going together with it. We stay up for listening to your reviews within the remark phase underneath. Be sure you test again subsequent week for extra freebies!

The publish Obtain a FREE Header & Footer for Divi’s Convention Structure Pack seemed first on Sublime Subject matters Weblog.

WordPress Web Design

[ continue ]