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 not too long ago shared a Hostel Layout Pack. That can assist you get your website online up and working once imaginable, we’re sharing an international header & footer template that fits this format pack completely as neatly! Hope you revel in it.

Header Design

Desktop View

Pill and Cellular View

Footer Design

Desktop View

Pill and Cellular View

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

To put your fingers at the unfastened world header & footer template, you’ll first want to obtain it the usage of the button underneath. To achieve get admission to to the obtain it is important to subscribe to our e-newsletter via the usage of the shape underneath. As a brand new subscriber, you’ll obtain much more Divi goodness and a unfastened Divi Structure pack each Monday! In the event you’re already at the checklist, merely input your e-mail cope with underneath and click on obtain. You’ll no longer be “resubscribed” or obtain additional emails.

Download the Files

.et_bloom .et_bloom_optin_1 .et_bloom_form_content { background-color: #4843d2 !necessary; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container .et_bloom_form_header { background-color: #ffffff !necessary; } .et_bloom .et_bloom_optin_1 .carrot_edge .et_bloom_form_content:earlier than { border-top-color: #ffffff !necessary; } .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 !necessary; border-left-color: #ffffff !necessary; }
@media most effective display 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 !necessary; border-left-color: clear !necessary; }.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:after { border-bottom-color: #ffffff !necessary; border-left-color: clear !necessary; }
}.et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !necessary; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_fields i { shade: #f92c8b !necessary; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:earlier than { background: #f92c8b !necessary; } .et_bloom .et_bloom_optin_1 .et_bloom_border_solid { border-color: #f7f9fb !necessary } .et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !necessary; } .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 !necessary;}

See also  The best way to Marketplace Your Dropshipping Retailer in Australia

Obtain For Unfastened

Sign up for the Divi Publication and we can e-mail you a replica of without equal Divi Touchdown Web page Structure Pack, plus lots of different superb and unfastened Divi sources, pointers and tips. Observe alongside and you’ll be a Divi grasp very quickly. In case you are already subscribed merely sort on your e-mail cope with underneath and click on obtain to get admission to the format pack.

DOWNLOAD

You’ve effectively subscribed. Please take a look at your e-mail cope with to substantiate your subscription and get get admission to to unfastened weekly Divi format packs!

The way to 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 website online.

Add World Default Site Template

Then, within the height proper nook, you’ll see an icon with two arrows. Click on at the icon.

Navigate to the import tab, add the JSON document which you have been in a position to obtain on this submit, and click on on ‘Import Divi Theme Builder Templates’.

Save Divi Theme Builder Adjustments

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

The way to Adjust The Divi Hostel Template

Open Header Template

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

Replace Your Emblem Symbol

We use an Symbol Module to exhibit our website online’s brand. Thus, it is important to replace the brand document inside the Symbol Module to be your individual brand.

Replace Textual content Module Name-to-Motion

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

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

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

Replace Social Media Icons and Hyperlinks

There’s a Social Media Observe Module inside this header, below the Menu Module. Make certain 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.

Open the Footer of the Divi Template

Proceed via opening the worldwide footer throughout the default website online template.

Attach and Turn on Electronic mail Optin Module

The footer of the Divi Hostel Template has an Electronic mail Optin Module that must be activated. Attach your e-mail advertising and marketing resolution of option to the module with the intention to accumulate e-mail addresses for what you are promoting. Take into account to check your e-mail optin to make sure that you’re amassing your person knowledge appropriately.

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 want to use on your footer.

Replace Blurb Modules

A couple of Blurb Modules are used to exhibit touch knowledge. Replace the content material inside every blurb to fulfill your wishes. You’ll be able to even move a step additional and upload a module hyperlink to the Blurb Modules to cause them to energetic.

Replace Static Content material

It is important to move throughout the footer of the Divi Hostel Template and replace the static content material of the footer, particularly the titles of modules and changed any dummy text that’s incorporated within the template.

New Freebies Each and every Week!

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

The submit Download a FREE Header & Footer for Divi’s Hostel Layout Pack gave the impression first on Elegant Themes Blog.

read more