Download a FREE Header & Footer for Divi’s Construction Layout Pack

by | Jun 27, 2023 | Etcetera | 0 comments

Whats up 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 logo new freebies. We lately shared a brand spanking new Construction Layout Pack. That will help you get your web site up and operating once imaginable, we’re sharing an international header & footer template that fits this structure pack completely as neatly! Hope you revel in it.

divi layout

Take a look at Out The Development
World Header & Footer Template Underneath

Get it for free today!

Divi Development Freebie Header Design

Desktop View

Divi Construction Layout Pack Header Design

Pill and Cellular View

Divi Construction Layout Pack Header Design for Tablet and Mobile

Divi Development Freebie Footer Design

Header View

Divi Construction Layout Pack Footer Design

Pill and Cellular View

Divi Construction Layout Pack Footer Design for Tablet and Mobile

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

To put your arms at the unfastened world header & footer template, you’ll first wish to obtain it the usage of the button underneath. To achieve get right of entry to to the obtain it is very important subscribe to our Divi Day-to-day e-mail checklist via the usage of the shape underneath. As a brand new subscriber, you’ll obtain much more Divi goodness and a unfastened Divi Format pack each and every Monday! Should you’re already at the checklist, merely input your e-mail deal 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 !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:prior to { border-top-color: #ffffff !necessary; } .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:prior to, .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:prior to { border-top-color: clear !necessary; border-left-color: #ffffff !necessary; }
@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:prior to { 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:prior to { 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;}

You might have effectively subscribed. Please verify your e-mail deal with to verify your subscription and get get right of entry to to unfastened weekly Divi structure packs!

Tips on how to Add The Divi Development Freebie Template

Move to Divi Theme Builder

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

Open Divi Theme Builder

Add World Default Website online Template

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

Import the template into the Divi Theme Builder

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

Finish importing the template into the Divi Theme Builder

Save Divi Theme Builder Adjustments

If you’ve uploaded the record, you’ll realize a brand new world header and footer to your default web site template. Save the Divi Theme Builder adjustments once you need the template to be activated.

Save Divi Theme Builder Changes

Tips on how to Regulate The Template

Open Divi Development Freebie Header Template

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

See also  Recent Assets for Internet Designers and Builders (December 2021)

Open Header Template

Set Desktop Menu

This Divi Development freebie header design has a desktop in addition to a pill/cellular design. Let’s start via deciding on a menu for the desktop view of our header.

Select your menu for the desktop view of the Divi Construction header layout

Upload Hyperlink to Button

Subsequent, we upload a hyperlink to our Button Module. Consider to additionally exchange the textual content at the button to check your call-to-action.

Update the button in the header with your call-to-action and link of choice

Add Your Emblem

Subsequent, you need to edit the Image Module. Add your individual symbol and emblem, ideally a PNG with a clear background.

Set Your Social Media Hyperlinks and Account

Edit the hyperlinks and social networks inside the header’s Social Media Follow Module.

Update Social Media Follow Module with links and social media networks

Make a choice Menu for Pill and Cellular

After atmosphere our desktop parts, we wish to transfer to the pill view. This may occasionally permit us to edit our pill and cellular parts.

Switch from desktop view to tablet view to begin editing modules for smaller devices

Then, we make a choice our menu for the pill and cellular

Select the menu for smaller devices

Add Inverse Emblem

For the cellular menu, we use a yellow background color. As a result of this, you’ll want to use the inverse shade of your emblem. We’d counsel the usage of the darkish shade of your emblem for the cellular menu’s emblem, versus the light-colored model in order that it may be observed.

Set the menu for the mobile menu in the Divi Construction freebie

Replace Button for Smaller Gadgets

Edit the Button Module inside the header to mirror your call-to-action of selection. Additionally, upload a hyperlink vacation spot.

Add button text and button URL to the tablet Button Module

Setup Your Social Media Practice Module

In any case, we’ll replace the social media networks inside our Social Media Practice Module. Don’t disregard to double-check your social media URLs to make certain that they’re right kind and lively!

See also  Learn how to Upload Conditional Good judgment to Menus in WordPress

Update social media follow module in the Divi Construction freebie

Open Footer Template

Proceed via opening the worldwide footer within the default web site template.

Open Footer Template

Edit Footer Blurb Module

Our footer has a number of Blurb Modules that wish to be up to date. It is very important replace the Blurb Name and Blurb Frame. You’ll additionally take it a step additional and replace the Blurb Icon as neatly.

Modify your footer modules to match your needs

Edit Social Media Icons

We have now any other Social Media Practice Module within the footer of our design. Upload your related social media account and hyperlink them as it should be.

Update social media follow module

Edit Static Modules

There are a variety of modules during our footer design which might be static and would require your speedy consideration. Pieces just like the Provider phase and the phase titles wish to be up to date to mirror what you are promoting wishes.

Update static modules

Make a choice Menu for the Divi Development freebie Footer

Our Divi Development freebie footer design has a Menu Module. Make a choice your menu of selection to make use of within the footer.

Set footer menu in your Divi Construction freebie

New Freebies Each Week!

We are hoping you’ve loved the Development Format Pack and the Header & Footer freebie that is going in conjunction with it. We stay up for listening to your critiques within the remark phase underneath. You should definitely verify again subsequent week for extra freebies!

The publish Download a FREE Header & Footer for Divi’s Construction Layout Pack seemed first on Elegant Themes Blog.

WordPress Maintenance Plans | WordPress Hosting

read more


Submit a Comment

Your email address will not be published. Required fields are marked *