Hello Divi Nation! Thanks for turning into a member people for the next installment of our weekly Divi Design Initiative where each week, we give away brand new freebies. This Monday, we shared a brand new Artificial Intelligence Layout Pack. That can assist you get your website online up and dealing as soon as conceivable, we’re sharing a global header & footer template that matches this layout pack utterly as smartly! Hope you experience it.

Header Design

Desktop

Tablet and Phone

Footer Design

Desktop

Tablet and Phone

Download The Global Header & Footer Template For The Artificial Intelligence Construction Pack

To place your arms on the unfastened world header & footer template, you’ll first wish to download it using the button underneath. To comprehend get entry to to the download it is very important subscribe to our Divi Daily electronic mail document by means of using the form underneath. As a brand spanking new subscriber, you’ll download a lot more Divi goodness and a unfastened Divi Construction pack each and every Monday! When you’re already on the document, simply enter your electronic mail care for underneath and click on on download. You’ll no longer be “resubscribed” or download additional emails.

Download the Files

.et_bloom .et_bloom_optin_1 .et_bloom_form_content { background-color: #4843d2 !crucial; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container .et_bloom_form_header { background-color: #ffffff !crucial; } .et_bloom .et_bloom_optin_1 .carrot_edge .et_bloom_form_content:previous than { border-top-color: #ffffff !crucial; } .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:previous than, .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:previous than { border-top-color: transparent !crucial; border-left-color: #ffffff !crucial; }
@media best possible show and ( max-width: 767px ) {.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:previous than { border-top-color: #ffffff !crucial; border-left-color: transparent !crucial; }.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:after { border-bottom-color: #ffffff !crucial; border-left-color: transparent !crucial; }
}.et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !crucial; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_fields i { coloration: #f92c8b !crucial; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:previous than { background: #f92c8b !crucial; } .et_bloom .et_bloom_optin_1 .et_bloom_border_solid { border-color: #f7f9fb !crucial } .et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !crucial; } .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 powerful { 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 powerful, .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 !crucial;}

See also  Options vs. Advantages: A Crash Direction on Correct Messaging

Download For Loose

Join the Divi Newsletter and we will be able to electronic mail you a duplicate of the ultimate Divi Landing Internet web page Construction Pack, plus numerous other excellent and unfastened Divi belongings, tips and pointers. Follow along and also you’ll be a Divi clutch in no time. If you happen to’re already subscribed simply kind for your electronic mail care for underneath and click on on download to get entry to the layout pack.

DOWNLOAD

You will have successfully subscribed. Please check out your electronic mail care for to confirm your subscription and get get entry to to unfastened weekly Divi layout packs!

Upload The Template

Move to Divi Theme Builder

So as to add the template, navigate to the Divi Theme Builder inside the backend of your WordPress website online.

Upload Global Default Internet web page Template

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

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

Save Divi Theme Builder Changes

If you happen to’ve uploaded the document, you’ll understand a brand spanking new world header and footer for your default website online template. Save the Divi Theme Builder changes as soon as you need the template to be activated.

Alter The Template

Open Header Template

To change the global header template’s portions, get began by means of opening the template.

Alter Menu Items & Links

Next, add comparable text and link URLs to the modules right through the slide menu section.

Add CTA Link URLs

This header has two buttons. Open the settings of each to exchange the link URL to the holiday spot of your variety.

Substitute Social Media Follow Links

You’ll moreover wish to substitute the social media observe module with your personal networks and account URLs.

Permit CSS Class Once Header Design is Completed

Final on the other hand no longer least, we’ll allow a CSS class inside the Code Module which you’ll be capable to to search out inside the first section. Open the Code Module and remove the “/* */” to begin with and end of the class. Enabling this class will probably be positive that the section containing the menu items doesn’t load immediately when any individual visits unquestionably one among your pages. If you happen to allow this class, the second section on your internet web page will disappear from the Visual Builder, on the other hand you’ll be capable to however get entry to it inside the Wireframe Mode or turn off the CSS class if you want to make additional changes.

Open Footer Template

Continue by means of opening the global footer right through the default website online template.

Substitute E mail Optin with E mail Account/Checklist

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

Substitute Footer Content material subject material

You’ll moreover wish to go through and substitute the content material subject material of the footer, at the side of together with your personal text, link URLs, and social media networks. Don’t forget regarding the copyright text at the bottom of the footer as smartly.

Save Divi Theme Builder Changes

If you happen to’ve made all changes to the header and footer, you must for sure save the theme builder changes!

New Freebies Each Week!

We hope you’ve beloved the Artificial Intelligence Construction Pack and the Header & Footer freebie this is going along with it. We take a seat up for taking note of your opinions inside the statement section underneath. Be sure to check out once more next week for additonal freebies!

.inline-code{padding: 0px 4px; coloration: pink; font-family: Monaco,consolas,bitstream vera sans mono,courier new,Courier,monospace!crucial} video.with-border {border-radius: 8px;box-shadow: 0 8px 60px 0 rgba(103,151,255,.11), 0 12px 90px 0 rgba(103,151,255,.11);display:block;margin: 0 auto;}

The publish Download a FREE Header and Footer Template for Divi’s Artificial Intelligence Layout Pack seemed first on Elegant Themes Blog.

WordPress Web Design

[ continue ]

read more