Good day Divi Country! Thank you for becoming a member of us for the following installment of our weekly Divi Design Initiative the place each and every week, we give away logo new freebies. This Monday, we shared a brand spanking new Cafe Layout Pack. That can assist you get your website online up and operating once imaginable, we’re sharing a world header & footer template that fits this format pack completely as neatly! Hope you revel in it.

divi layout

Test Out The Cafe
World Header & Footer Template Beneath

Get it for free today!

Header Design


Pill and Telephone

Footer Design


Pill and Telephone

Obtain The World Header & Footer Template For The Cafe Format Pack

To put your arms at the unfastened international header & footer template, you are going to first want to obtain it the usage of the button beneath. To realize get entry to to the obtain it is very important subscribe to our Divi Day-to-day e-mail record by way of the usage of the shape beneath. As a brand new subscriber, you are going to obtain much more Divi goodness and a unfastened Divi Format pack each Monday! For those who’re already at the record, merely input your e-mail deal with beneath and click on obtain. You’re going to now not be “resubscribed” or obtain additional 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:earlier than { border-top-color: #ffffff !essential; } .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 !essential; border-left-color: #ffffff !essential; }
@media most effective display screen 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 !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 { coloration: #f92c8b !essential; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:earlier than { 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;}

Download For Free

Obtain For Unfastened

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 methods. Apply alongside and you are going to be a Divi grasp very quickly. If you’re already subscribed merely kind to your e-mail deal with beneath and click on obtain to get entry to the format pack.

You have got effectively subscribed. Please take a look at your e-mail deal with to verify your subscription and get get entry to to unfastened weekly Divi format packs!

Add The Template

Pass to Divi Theme Builder

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

header & footer template for Divi's Cafe Layout Pack

Add World Default Web 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 Cafe Layout Pack

Navigate to the import tab, add the JSON report which you have been ready to obtain on this put up and click on on ‘Import Divi Theme Builder Templates’.

header & footer template for Divi's Cafe Layout Pack

Save Divi Theme Builder Adjustments

If you’ve uploaded the report, you’ll understand a brand new international header and footer to your default website online template. Save the Divi Theme Builder adjustments once you need the template to be activated.

header & footer template for Divi's Cafe Layout Pack

Alter The Template

Open Header Template

To change the worldwide header template’s components, get started by way of opening the template.

header & footer template for Divi's Cafe Layout Pack

Choose Menu of Selection

Choose 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 each and every to replace the hyperlink URL to the vacation spot of your selection.

Replace Social Media Apply Hyperlinks

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

Open Footer Template

Proceed by way of opening the worldwide footer within the default website online template.

header & footer template for Divi's Cafe Layout Pack

Replace Electronic mail Optin with Electronic mail Account/Checklist

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

Replace Footer Content material

You’re going to 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 overlook in regards to the copyright textual content on the backside of the footer as neatly.

New Freebies Each Week!

We are hoping you’ve loved the Cafe Format Pack and the Header & Footer freebie that is going at the side of it. We look ahead to listening to your evaluations within the remark phase beneath. You should definitely take a look at again subsequent week for extra freebies!

The put up Download a FREE Header and Footer Template for Divi’s Cafe Layout Pack gave the impression first on Elegant Themes Blog.

WordPress Web Design

[ continue ]