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

Header Design

Desktop View

Pill and Cellular View

Footer Design

Desktop View

Pill and Cellular View

Obtain The International Header & Footer Template For The Chocolatier Format Pack

To put your arms at the unfastened international header & footer template, you’re going to first wish to obtain it the use of the button beneath. To realize get right of entry to to the obtain it is important to subscribe to our e-newsletter by means of the use of the shape beneath. As a brand new subscriber, you’re going to obtain much more Divi goodness and a unfastened Divi Format pack each Monday! When you’re already at the listing, merely input your e mail cope with beneath and click on obtain. You’ll now not be “resubscribed” or obtain further emails.

Download the Files

.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:prior to { border-top-color: #ffffff !essential; } .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 !essential; border-left-color: #ffffff !essential; }
@media best 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 !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:prior to { 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;}

See also  9 Best AI Transcription Tools in 2023 (Fast and Accurate)

Obtain For Loose

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 alternative wonderful and unfastened Divi sources, pointers and tips. Practice alongside and you’re going to be a Divi grasp very quickly. In case you are already subscribed merely kind to your e mail cope with beneath and click on obtain to get right of entry to the structure pack.

DOWNLOAD

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

Learn how to Add The Template

Pass to Divi Theme Builder

To add the template, navigate to the Divi Theme Builder within the backend of your WordPress web page.

Add Divi Chocolatier Format’s International Default Web page 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 document which you have been in a position to obtain on this publish, and click on on ‘Import Divi Theme Builder Templates’.

Save Divi Theme Builder Adjustments

When you’ve uploaded the document, you’ll realize a brand new international header and footer to your default web page template. Save the Divi Theme Builder adjustments once you wish to have the template to be activated.

Learn how to Alter The Template

Open Divi Chocolatier Format Header Template

To change the worldwide header template’s parts, get started by means of opening the template.

Make a selection Menu of Selection

Make a selection a menu of your selection within the Menu Module.

Upload CTA Hyperlink URLs

This header has a button at the height proper. Open the settings of the button and replace the hyperlink URL to the vacation spot of your selection.

Replace Social Media Accounts and URLs

The desktop view of the Divi Chocolatier Header Format makes use of various blurbs to exhibit social media icons and names. Click on inside every Blurb Module to replace the Name box with the title of the social media community. Subsequent, select the icon that represents that social media community from inside the Symbol and Icon tab.

Replace Social Media Accounts and URLs for Pill/Cellular

For this header template, we use other modules to exhibit the social media icons. We do that so that we’ve got correct cellular responsiveness as we transfer from cellular to desktop and pill. As such, we’ll wish to transfer to the pill view inside the Divi Theme Builder, to replace the social media accounts for pill and cellular.

Press the letter ‘t’ at the keyboard to toggle the cellular responsive menu at the backside left hand facet.

After that, you’ll wish to edit the Social Media Practice Module inside the pill view with the proper social media networks. Don’t overlook to hyperlink for your right kind accounts, test the ones URLs!

After getting made your entire adjustments to the Header freebie of the Divi Chocolatier Format, we’ll now transfer onto modifying the footer template.

Open Divi Chocolatier Format Footer Template

Proceed by means of opening the worldwide footer within the default web page template.

Attach E-mail Advertising Resolution

The footer template of the Divi Chocolatier Format has a complete width phase with an E-mail Optin Module. We wish to attach this module to our selected e mail advertising answer.

Additionally be sure that you edit the Name, Frame and Button textual content of the module. No dummy textual content allowed 🙂

Replace Static Footer Content material

It is very important undergo and replace the static content material of the footer, together with including your emblem, touch data, social media networks and their respective hyperlink URLs. Don’t overlook concerning the copyright textual content on the backside of the footer as neatly. Right here’s a handy guide a rough diagram of the modules inside the second one a part of the footer that you simply’ll wish to alter.

New Freebies Each Week!

We are hoping you’ve loved the Chocolatier Format Pack and the Header & Footer freebie that is going at the side of it. We look ahead to listening to your critiques within the remark phase beneath. Make sure to test again subsequent week for extra freebies!

The publish Download a FREE Header & Footer for Divi’s Chocolatier Layout Pack gave the impression first on Elegant Themes Blog.

read more