Obtain a FREE Header & Footer for Divi’s Chocolatier Structure Pack

by | Nov 4, 2022 | Etcetera | 0 comments

Hi there Divi Nation! Thanks for turning into a member people for the next installment of our weekly Divi Design Initiative where each and every week, we give away brand new freebies. We no longer too way back shared a brand new Chocolatier Structure Pack. To help you get your internet web page up and running as soon as conceivable, we’re sharing a global header & footer template that matches this layout pack utterly as smartly! Hope you revel in it.

divi layout

Take a look at Out The Chocolatier
International Header & Footer Template Beneath

Get it without cost these days!

Header Design

Desktop View

Divi Chocolatier Header Layout in desktop view

Tablet and Cell View

Divi Chocolatier Header Layout Pack in tablet and mobile view

Footer Design

Desktop View

Divi Chocolatier Footer Layout in desktop view

Tablet and Cell View

Divi Chocolatier Footer Layout in tablet and mobile view

Download The International Header & Footer Template For The Chocolatier Construction Pack

To position your hands on the free global header & footer template, you’re going to first need to download it the usage of the button underneath. To succeed in get right to use to the download it is very important subscribe to our publication by means of the usage of the form underneath. As a brand spanking new subscriber, you’re going to download a lot more Divi goodness and a free Divi Construction pack every Monday! While you’re already on the record, simply enter your electronic mail take care of underneath and click on on download. You’ll now not be “resubscribed” or download further emails.

.et_bloom .et_bloom_optin_1 .et_bloom_form_content { background-color: #4843d2 !vital; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container .et_bloom_form_header { background-color: #ffffff !vital; } .et_bloom .et_bloom_optin_1 .carrot_edge .et_bloom_form_content:previous to { border-top-color: #ffffff !vital; } .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:previous to, .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:previous to { border-top-color: transparent !vital; border-left-color: #ffffff !vital; }
@media most simple computer screen and ( max-width: 767px ) {.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:previous to { border-top-color: #ffffff !vital; border-left-color: transparent !vital; }.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:after { border-bottom-color: #ffffff !vital; border-left-color: transparent !vital; }
}.et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !vital; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_fields i { colour: #f92c8b !vital; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:previous to { background: #f92c8b !vital; } .et_bloom .et_bloom_optin_1 .et_bloom_border_solid { border-color: #f7f9fb !vital } .et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !vital; } .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 !vital;}

Download For Free

See also  Laravel Logging: The entirety You Want To Know

Download For Free

Join the Divi Newsletter and we will be able to electronic mail you a replica of the ultimate Divi Landing Internet web page Construction Pack, plus tons of various superb and free Divi assets, guidelines and guidelines. Follow along and you’re going to be a Divi grab in no time. In the event you’re already subscribed simply type in your electronic mail take care of underneath and click on on download to get right to use the layout pack.

You’ll have successfully subscribed. Please take a look at your electronic mail take care of to confirm your subscription and get get right to use to free weekly Divi layout packs!

Learn the way to 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 internet web page.

Getting started with the Divi Conference Layout Pack

Upload Divi Chocolatier Construction’s International Default Web site Template

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

Importing the Header and Footer Layout into the Divi Theme Buidler

Navigate to the import tab, upload the JSON record which you might have been able to procure in this put up, and click on on on ‘Import Divi Theme Builder Templates’.

Import settings for the header and footer layout pack

Save Divi Theme Builder Changes

When you’ve uploaded the record, you’ll perceive a brand spanking new global header and footer in your default internet web page template. Save the Divi Theme Builder changes as soon as you want the template to be activated.

See also  How one can Upload Nation Restriction for WooCommerce Merchandise

Save global header theme builder

Learn the way to Regulate The Template

Open Divi Chocolatier Construction Header Template

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

Editing the global header within the Divi Theme Builder

Select Menu of Variety

Select a menu of your variety inside the Menu Module.

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

Add CTA Link URLs

This header has a button on the top correct. Open the settings of the button and change the link URL to the holiday spot of your variety.

Update the header CTA to a URL of your choice

Substitute Social Media Accounts and URLs

The desktop view of the Divi Chocolatier Header Construction uses a large number of blurbs to blow their own horns social media icons and names. Click on on inside of each and every Blurb Module to interchange the Identify field with the identify of the social media neighborhood. Next, choose the icon that represents that social media neighborhood from during the Image and Icon tab.

Substitute Social Media Accounts and URLs for Tablet/Cell

For this header template, we use different modules to blow their own horns the social media icons. We do this in order that we’ve were given proper cell responsiveness as we switch from cell to desktop and tablet. As such, we’ll need to switch to the tablet view during the Divi Theme Builder, to interchange the social media accounts for tablet and cell.

Press the letter ‘t’ on the keyboard to toggle the cell responsive menu on the bottom left hand side.

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

After that, you’ll need to edit the Social Media Follow Module during the tablet view with the correct social media networks. Don’t disregard to link in your correct accounts, take a look at those URLs!

See also  Download a FREE Header & Footer for Divi’s Clothing Store Layout Pack

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

Upon getting made all your changes to the Header freebie of the Divi Chocolatier Construction, we’ll now switch onto enhancing the footer template.

Open Divi Chocolatier Construction Footer Template

Continue by means of opening the global footer inside the default internet web page template.

Editing the footer template within the Divi Theme Builder

Connect E mail Promoting Solution

The footer template of the Divi Chocolatier Construction has an entire width section with an E mail Optin Module. We need to connect this module to our decided on electronic mail promoting and advertising answer.

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

Moreover make certain that you edit the Identify, Body and Button text of the module. No dummy text allowed 🙂

Edit the Email Optin Module with your own text

Substitute Static Footer Content material subject material

You will need to go through and change the static content material subject material of the footer, at the side of together with your logo, contact wisdom, social media networks and their respective link URLs. Don’t disregard regarding the copyright text at the bottom of the footer as smartly. Proper right here’s a quick diagram of the modules inside of the second part of the footer that you simply’ll need to alter.

Edit static content within the second part of the footer

New Freebies Each and every Week!

We hope you’ve beloved the Chocolatier Construction Pack and the Header & Footer freebie this is going together with it. We take a seat up for being attentive to your evaluations inside the observation section underneath. Be sure you take a look at once more next week for added freebies!

The put up Obtain a FREE Header & Footer for Divi’s Chocolatier Structure Pack appeared first on Chic Topics Weblog.

WordPress Web Design

[ continue ]

WordPress Maintenance Plans | WordPress Hosting

read more


Submit a Comment

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