Download a FREE Header & Footer for Divi’s Chocolatier Layout Pack

by | Nov 4, 2022 | Etcetera | 0 comments

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.

divi layout

Test Out The Chocolatier
International Header & Footer Template Under

Get it for free today!

Header Design

Desktop View

Divi Chocolatier Header Layout in desktop view

Pill and Cellular View

Divi Chocolatier Header Layout Pack in tablet and mobile view

Footer Design

Desktop View

Divi Chocolatier Footer Layout in desktop view

Pill and Cellular View

Divi Chocolatier Footer Layout in tablet and mobile 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.

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

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.

Getting started with the Divi Conference Layout Pack

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.

Importing the Header and Footer Layout into the Divi Theme Buidler

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

Import settings for the header and footer layout pack

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.

Save global header theme builder

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.

See also  Easy methods to Save you Hotlinking on Your WordPress Website online

Editing the global header within the Divi Theme Builder

Make a selection Menu of Selection

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

Select the menu you'll be using as your main menu within the Divi Chocolatier Header Layout

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.

Update the header CTA to a URL of your choice

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.

Keyboard shortcuts within Divi allow you to switch views from desktop, tablet and mobile

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!

Modifying the Social Media Follow Module for the Divi Chocolatier Layout Header template

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

See also  How to Style a Grid Item in Divi’s Filterable Portfolio Module

Open Divi Chocolatier Format Footer Template

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

Editing the footer template within the Divi Theme Builder

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.

Connect your email marketing solution of choice to the Email Optin Module

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

Edit the Email Optin Module with your own text

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.

Edit static content within the second part of the footer

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.

WordPress Maintenance Plans | WordPress Hosting

read more

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *