Download a FREE Header and Footer Template for Divi’s Artificial Intelligence Layout Pack

by | Nov 21, 2021 | Etcetera | 0 comments

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

divi artificial intelligence header footer template

divi artificial intelligence header footer template

Pill and Telephone

divi artificial intelligence header footer template

Footer Design

Desktop

divi artificial intelligence header footer template

Pill and Telephone

divi artificial intelligence header footer template

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.

.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;}

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.

header & footer template for Divi's Artificial intelligence Layout Pack

Add International Default Site Template

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

header & footer template for Divi's Artificial intelligence Layout Pack

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’.

header & footer template for Divi's Artificial intelligence Layout Pack

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.

header & footer template for Divi's Artificial intelligence Layout Pack

The right way to Adjust The Template

Open Header Template

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

header & footer template for Divi's Artificial intelligence Layout Pack

Adjust Menu Pieces & Hyperlinks

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

See also  Download a FREE Blog Post Template for Divi’s Web Developer Layout Pack

divi artificial intelligence header footer template

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.

divi artificial intelligence header footer template

Replace Social Media Apply Hyperlinks

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

divi artificial intelligence header footer template

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.

header & footer template for Divi's Artificial intelligence Layout Pack

Replace Electronic mail Optin with Electronic mail Account/Listing

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

divi artificial intelligence header footer template

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.

divi artificial intelligence header footer template

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!

See also  New Divi Starter Site for Spas (Quick Install)

header & footer template for Divi's Leather Company Layout Pack

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.

WordPress Maintenance Plans | WordPress Hosting

read more

0 Comments

Submit a Comment

DON'T LET YOUR WEBSITE GET DESTROYED BY HACKERS!

Get your FREE copy of our Cyber Security for WordPress® whitepaper.

You'll also get exclusive access to discounts that are only found at the bottom of our WP CyberSec whitepaper.

You have Successfully Subscribed!