Hello there Divi Nation! Thanks for changing into a member folks for the next installment of our weekly Divi Design Initiative where each week, we give away logo new freebies. We in recent years shared a Hostel Structure Pack. To help you get your internet web page up and working as soon as possible, we’re sharing a world header & footer template that matches this layout pack utterly as well! Hope you enjoy it.

Header Design

Desktop View

Tablet and Mobile View

Footer Design

Desktop View

Tablet and Mobile View

Download The Global Header & Footer Template For The Hostel Construction Pack

To place your arms on the unfastened world header & footer template, you’re going to first need to download it using the button beneath. To succeed in get right to use to the download it is very important subscribe to our newsletter by way of using the form beneath. As a brand spanking new subscriber, you’re going to acquire a lot more Divi goodness and a unfastened Divi Construction pack each Monday! When you occur to’re already on the file, simply enter your email correspondence take care of beneath and click on on download. You’ll not be “resubscribed” or download additional emails.

Obtain the Recordsdata

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

See also  Routinely Replace Smartsheet from Google Sheets

Download For Loose

Join the Divi Newsletter and we will be able to email correspondence you a reproduction of the ultimate Divi Landing Internet web page Construction Pack, plus quite a lot of other superb and unfastened Divi assets, tips and strategies. Follow along and also you’re going to be a Divi take hold of in no time. When you’re already subscribed simply type for your email correspondence take care of beneath and click on on download to get right to use the layout pack.

DOWNLOAD

It’s good to have successfully subscribed. Please check out your email correspondence take care of to confirm your subscription and get get right to use to unfastened weekly Divi layout packs!

Upload The Divi Hostel Template

Transfer to Divi Theme Builder

So as to add the template, navigate to the Divi Theme Builder throughout the backend of your WordPress internet web page.

Upload Global Default Web page Template

Then, throughout 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 file which you’ve been able to acquire in this post, and click on on on ‘Import Divi Theme Builder Templates’.

Save Divi Theme Builder Changes

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

Regulate The Divi Hostel Template

Open Header Template

To switch the global header template’s portions, get began by way of opening the template.

Exchange Your Brand Image

We use an Image Module to blow their own horns our internet web page’s emblem. Thus, it is very important change the emblem file throughout the Image Module to be your individual emblem.

Exchange Text Module Title-to-Movement

We’ve a Text Module within the second column which acts as a call-to-action throughout the Divi Hostel Header Template. You’ll use this area to share your slogan, a phone amount, a testimonial and so much more!

Select Menu of Variety for the Header of Your Divi Hostel Template

Select the menu that you just’ll be using as your number one menu throughout the Menu Module.

Exchange Social Media Icons and Links

There’s a Social Media Follow Module within this header, underneath the Menu Module. Ensure that you’ve up to the moment the module with the social media accounts that you just use. At the side of that, add the link URLs for each social media group to the module.

Open the Footer of the Divi Template

Continue by way of opening the global footer all over the default internet web page template.

Connect and Activate Email Optin Module

The footer of the Divi Hostel Template has an Email Optin Module that will have to be activated. Connect your email correspondence promoting and advertising and marketing solution of technique to the module with the intention to collect email correspondence addresses for your online business. Have in mind to test your email correspondence optin to just remember to’re collecting your shopper wisdom appropriately.

Select Menu of Variety for the Footer Menu

The footer of the Divi Hostel Template moreover has a Menu Module. Please change it with the menu that you just need to use for your footer.

Exchange Blurb Modules

Multiple Blurb Modules are used to blow their own horns contact wisdom. Exchange the content material subject matter within each blurb to satisfy your needs. You’ll even transfer a step further and add a module link to the Blurb Modules to lead them to lively.

Exchange Static Content material subject matter

You will need to transfer during the footer of the Divi Hostel Template and change the static content material subject matter of the footer, particularly the titles of modules and adjusted any dummy textual content that’s built-in throughout the template.

New Freebies Every Week!

We hope you’ve beloved the Hostel Construction Pack and the Header & Footer freebie this is going at the side of it. We stay up for being attentive to your critiques throughout the statement segment beneath. Be sure that to try once more next week for additonal freebies!

The post Obtain a FREE Header & Footer for Divi’s Hostel Structure Pack gave the impression first on Chic Subject matters Weblog.

WordPress Web Design

[ continue ]

read more