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. This Monday, we shared a brand spanking new Artificial Intelligence Layout Pack. That can assist you get your site up and working once imaginable, we’re sharing an international header & footer template that fits this format pack completely as neatly! Hope you revel in it.

Header Design

Desktop

Pill and Telephone

Footer Design

Desktop

Pill and Telephone

Obtain The International Header & Footer Template For The Synthetic Intelligence Format Pack

To put your fingers at the unfastened world header & footer template, you’ll first want to obtain it the usage of the button underneath. To realize get admission to to the obtain it is important to subscribe to our Divi Day by day e-mail record through 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! In the event you’re already at the record, merely input your e-mail cope with underneath and click on obtain. You’ll now not be “resubscribed” or obtain additional 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:earlier than { border-top-color: #ffffff !necessary; } .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:earlier than, .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:earlier than { border-top-color: clear !necessary; border-left-color: #ffffff !necessary; }
@media best display and ( max-width: 767px ) {.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:earlier than { 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 { colour: #f92c8b !necessary; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:earlier than { 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 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 !necessary;}

See also  New Customized Block-Development Options Launched in Complicated Customized Fields 6.3

Obtain For Unfastened

Sign up for the Divi Publication and we can e-mail you a replica of without equal Divi Touchdown Web page Format Pack, plus heaps of different wonderful and unfastened Divi assets, guidelines and tips. Apply alongside and you’ll be a Divi grasp very quickly. If you’re already subscribed merely sort to your e-mail cope with underneath and click on obtain to get admission to the format pack.

DOWNLOAD

You could have effectively subscribed. Please take a look at your e-mail cope with to substantiate your subscription and get get admission to to unfastened weekly Divi format packs!

The right way 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 site.

Add International Default Site 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 ready to obtain on this submit and click on on ‘Import Divi Theme Builder Templates’.

Save Divi Theme Builder Adjustments

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

The right way to Adjust The Template

Open Header Template

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

Adjust Menu Pieces & Hyperlinks

Subsequent, upload related textual content and hyperlink URLs to the modules within the slide menu segment.

Upload CTA Hyperlink URLs

This header has two buttons. Open the settings of every to replace the hyperlink URL to the vacation spot of your selection.

Replace Social Media Apply Hyperlinks

You’ll additionally want to replace the social media practice module with your individual networks and account URLs.

Allow CSS Elegance As soon as Header Design is Finished

Closing however now not least, we’ll allow a CSS magnificence within the Code Module which you’ll to find within the first segment. Open the Code Module and take away the “/* */” at the start and finish of the category. Enabling this magnificence will be sure that the segment containing the menu pieces doesn’t load immediately when any person visits certainly one of your pages. If you allow this magnificence, the second one segment in your web page will disappear from the Visible Builder, however you’ll nonetheless get admission to it within the Wireframe Mode or flip off the CSS magnificence if you wish to make further adjustments.

Open Footer Template

Proceed through opening the worldwide footer within the default site template.

Replace Electronic mail Optin with Electronic mail Account/Listing

Then, replace the Electronic mail Optin with an Electronic mail Account and Listing.

Replace Footer Content material

You’ll additionally want to undergo and replace the content material of the footer, together with including your individual textual content, hyperlink URLs, and social media networks. Don’t omit in regards to the copyright textual content on the backside of the footer as neatly.

Save Divi Theme Builder Adjustments

If you’ve made all adjustments to the header and footer, you’ll want to save the theme builder adjustments!

New Freebies Each and every Week!

We are hoping you’ve loved the Synthetic Intelligence Format Pack and the Header & Footer freebie that is going together with it. We look ahead to listening to your critiques within the remark segment underneath. You’ll want to take a look at again subsequent week for extra freebies!

.inline-code{padding: 0px 4px; colour: purple; font-family: Monaco,consolas,bitstream vera sans mono,courier new,Courier,monospace!necessary} 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);show:block;margin: 0 auto;}

The submit Download a FREE Header and Footer Template for Divi’s Artificial Intelligence Layout Pack gave the impression first on Elegant Themes Blog.

read more