Hi there 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 Hostel Structure Pack. That can assist you get your web page up and operating once conceivable, we’re sharing an international header & footer template that fits this format pack completely as neatly! Hope you experience it.

divi layout

Test Out The Divi Hostel Template’s
International Header & Footer Underneath

Get it at no cost as of late!

Header Design

Desktop View

Divi Hostel Header template preview for desktop

Pill and Cell View

Divi Hostel Header template preview for tablet and mobile

Footer Design

Desktop View

Divi Hostel Footer Template preview for desktop

Pill and Cell View

Divi Hostel Footer Template preview for tablet and mobile

Obtain The International Header & Footer Template For The Hostel Structure Pack

To put your fingers at the loose international header & footer template, you’re going to first wish to obtain it the use of the button underneath. To achieve get right of entry to to the obtain it is important to subscribe to our e-newsletter via the use of the shape underneath. As a brand new subscriber, you’re going to obtain much more Divi goodness and a loose Divi Structure pack each and every Monday! If you happen to’re already at the record, merely input your electronic mail cope with underneath and click on obtain. You are going to 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:sooner than { border-top-color: #ffffff !essential; } .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:sooner than, .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:sooner than { border-top-color: clear !essential; border-left-color: #ffffff !essential; }
@media most effective display and ( max-width: 767px ) {.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:sooner 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:sooner 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 robust { 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 robust, .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 E-newsletter and we can electronic mail you a replica of without equal Divi Touchdown Web page Structure Pack, plus lots of different wonderful and loose Divi sources, guidelines and methods. Apply alongside and you’re going to be a Divi grasp very quickly. If you’re already subscribed merely sort on your electronic mail cope with underneath and click on obtain to get right of entry to the format pack.

You could have effectively subscribed. Please take a look at your electronic mail cope with to substantiate your subscription and get get right of entry to to loose weekly Divi format packs!

Add The Divi Hostel Template

Move 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 International Default Website online 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 record which you have been in a position to obtain on this submit, and click on on ‘Import Divi Theme Builder Templates’.

Import settings for the header and footer layout pack

Save Divi Theme Builder Adjustments

While you’ve uploaded the record, you’ll understand a brand new international header and footer on your default web page template. Save the Divi Theme Builder adjustments once you need the template to be activated.

Save global header theme builder

Adjust The Divi Hostel Template

Open Header Template

To change the worldwide header template’s parts, get started via opening the template.

Editing the global header within the Divi Theme Builder

Replace Your Emblem Symbol

We use an Symbol Module to show off our web page’s brand. Thus, it is important to replace the brand record inside the Symbol Module to be your personal brand.

Update and add your logo into the Image Module

Replace Textual content Module Name-to-Motion

We’ve a Textual content Module inside the second one column which acts as a call-to-action inside the Divi Hostel Header Template. You’ll use this space to percentage your slogan, a telephone quantity, a testimonial and so a lot more!

Update Text Module Call-to-Action within the Divi Hostel Header Template

Choose Menu of Selection for the Header of Your Divi Hostel Template

Choose the menu that you simply’ll be the use of as your primary menu inside the Menu Module.

Choose your menu for the Divi Hostel template

Replace Social Media Icons and Hyperlinks

There’s a Social Media Apply Module inside this header, beneath the Menu Module. Be sure that you’ve up to date the module with the social media accounts that you simply use. Along with that, upload the hyperlink URLs for every social media community to the module.

Update social media links and accounts with your accounts

Open the Footer of the Divi Template

Proceed via opening the worldwide footer throughout the default web page template.

Editing the footer template within the Divi Theme Builder

Attach and Turn on E mail Optin Module

The footer of the Divi Hostel Template has an E mail Optin Module that must be activated. Attach your electronic mail advertising and marketing resolution of option to the module so as to accumulate electronic mail addresses for your small business. Take into account to check your electronic mail optin to make sure that you’re accumulating your consumer knowledge as it should be.

Choose Menu of Selection for the Footer Menu

The footer of the Divi Hostel Template additionally has a Menu Module. Please replace it with the menu that you simply wish to use on your footer.

Update footer Menu Module in the Divi Hostel template

Replace Blurb Modules

More than one Blurb Modules are used to show off touch knowledge. Replace the content material inside every blurb to fulfill your wishes. You’ll even move a step additional and upload a module hyperlink to the Blurb Modules to cause them to energetic.

Update Footer Blurb Modules

Replace Static Content material

It is important to move in the course of the footer of the Divi Hostel Template and replace the static content material of the footer, specifically the titles of modules and changed any dummy textual content that’s integrated within the template.

Update the Divi Hostel template footer static content modules

New Freebies Each and every Week!

We are hoping you’ve loved the Hostel Structure Pack and the Header & Footer freebie that is going in conjunction with it. We look ahead to listening to your reviews within the remark phase underneath. Make sure to take a look at again subsequent week for extra freebies!

The submit Obtain a FREE Header & Footer for Divi’s Hostel Structure Pack seemed first on Chic Subject matters Weblog.

WordPress Web Design

[ continue ]