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 lately shared a brand spanking new Construction Layout Pack. That will help you get your web site up and operating once imaginable, we’re sharing an international header & footer template that fits this structure pack completely as neatly! Hope you revel in it.

Divi Development Freebie Header Design

Desktop View

Pill and Cellular View

Divi Development Freebie Footer Design

Header View

Pill and Cellular View

Obtain The World Header & Footer Template For The Development Format Pack

To put your arms at the unfastened world header & footer template, you’ll first wish to obtain it the usage of the button underneath. To achieve get right of entry to to the obtain it is very important subscribe to our Divi Day-to-day e-mail checklist via the usage of the shape underneath. As a brand new subscriber, you’ll obtain much more Divi goodness and a unfastened Divi Format pack each and every Monday! Should you’re already at the checklist, merely input your e-mail deal with underneath and click on obtain. You are going to 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:prior to { border-top-color: #ffffff !necessary; } .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:prior to, .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:prior to { border-top-color: clear !necessary; border-left-color: #ffffff !necessary; }
@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:prior to { 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 { shade: #f92c8b !necessary; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:prior to { 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  😱 Last Chance! The Divi Cyber Monday Sale Ends Today.

Obtain For Loose

Sign up for the Divi E-newsletter and we will be able to e-mail you a replica of without equal Divi Touchdown Web page Format Pack, plus heaps of different superb and unfastened Divi assets, pointers and methods. Practice alongside and you’ll be a Divi grasp very quickly. If you’re already subscribed merely kind to your e-mail deal with underneath and click on obtain to get right of entry to the structure pack.

DOWNLOAD

You might have effectively subscribed. Please verify your e-mail deal with to verify your subscription and get get right of entry to to unfastened weekly Divi structure packs!

Tips on how to Add The Divi Development Freebie 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 World 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

If you’ve uploaded the record, you’ll realize a brand new world header and footer to your default web site template. Save the Divi Theme Builder adjustments once you need the template to be activated.

Tips on how to Regulate The Template

Open Divi Development Freebie Header Template

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

Set Desktop Menu

This Divi Development freebie header design has a desktop in addition to a pill/cellular design. Let’s start via deciding on a menu for the desktop view of our header.

Upload Hyperlink to Button

Subsequent, we upload a hyperlink to our Button Module. Consider to additionally exchange the textual content at the button to check your call-to-action.

Add Your Emblem

Subsequent, you need to edit the Image Module. Add your individual symbol and emblem, ideally a PNG with a clear background.

Set Your Social Media Hyperlinks and Account

Edit the hyperlinks and social networks inside the header’s Social Media Follow Module.

Make a choice Menu for Pill and Cellular

After atmosphere our desktop parts, we wish to transfer to the pill view. This may occasionally permit us to edit our pill and cellular parts.

Then, we make a choice our menu for the pill and cellular

Add Inverse Emblem

For the cellular menu, we use a yellow background color. As a result of this, you’ll want to use the inverse shade of your emblem. We’d counsel the usage of the darkish shade of your emblem for the cellular menu’s emblem, versus the light-colored model in order that it may be observed.

Replace Button for Smaller Gadgets

Edit the Button Module inside the header to mirror your call-to-action of selection. Additionally, upload a hyperlink vacation spot.

Setup Your Social Media Practice Module

In any case, we’ll replace the social media networks inside our Social Media Practice Module. Don’t disregard to double-check your social media URLs to make certain that they’re right kind and lively!

Open Footer Template

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

Edit Footer Blurb Module

Our footer has a number of Blurb Modules that wish to be up to date. It is very important replace the Blurb Name and Blurb Frame. You’ll additionally take it a step additional and replace the Blurb Icon as neatly.

Edit Social Media Icons

We have now any other Social Media Practice Module within the footer of our design. Upload your related social media account and hyperlink them as it should be.

Edit Static Modules

There are a variety of modules during our footer design which might be static and would require your speedy consideration. Pieces just like the Provider phase and the phase titles wish to be up to date to mirror what you are promoting wishes.

Make a choice Menu for the Divi Development freebie Footer

Our Divi Development freebie footer design has a Menu Module. Make a choice your menu of selection to make use of within the footer.

New Freebies Each Week!

We are hoping you’ve loved the Development Format Pack and the Header & Footer freebie that is going in conjunction with it. We stay up for listening to your critiques within the remark phase underneath. You should definitely verify again subsequent week for extra freebies!

The publish Download a FREE Header & Footer for Divi’s Construction Layout Pack seemed first on Elegant Themes Blog.

read more