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.
Header Design
Desktop View
Tablet and Cell View
Desktop View
Tablet and Cell View
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.
@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
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.
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.
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’.
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.
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.
Select Menu of Variety
Select a menu of your variety inside the Menu Module.
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.
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.
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!
Upon getting made all your changes to the Header freebie of the Divi Chocolatier Construction, we’ll now switch onto enhancing the footer template.
Continue by means of opening the global footer inside the default internet web page template.
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.
Moreover make certain that you edit the Identify, Body and Button text of the module. No dummy text allowed 🙂
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.
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.
Contents
- 1 Take a look at Out The Chocolatier International Header & Footer Template Beneath
- 2 Download The International Header & Footer Template For The Chocolatier Construction Pack
- 3 Download For Free
- 4 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!
- 5 Learn the way to Upload The Template
- 6 Learn the way to Regulate The Template
- 7 New Freebies Each and every Week!
- 8 Obtain a FREE Header & Footer for Divi’s Company Format Pack
- 9 Complete WordPress theme trying out: your information to tough and legitimate code
- 10 15 Crucial Product Advertising and marketing Books for 2023
0 Comments