Obtain a FREE Header & Footer for Divi’s Development Structure Pack

by | Jun 27, 2023 | Etcetera | 0 comments

Just right day Divi Nation! Thanks for turning into a member folks for the next installment of our weekly Divi Design Initiative where each and every week, we give away brand new freebies. We in recent years shared a brand new Development Structure Pack. That can assist you get your website up and dealing as soon as conceivable, we’re sharing a global header & footer template that matches this construction pack totally as well! Hope you revel in it.

divi layout

Check out Out The Construction
Global Header & Footer Template Beneath

Get it without cost lately!

Divi Construction Freebie Header Design

Desktop View

Divi Construction Layout Pack Header Design

Tablet and Cell View

Divi Construction Layout Pack Header Design for Tablet and Mobile

Divi Construction Freebie Footer Design

Header View

Divi Construction Layout Pack Footer Design

Tablet and Cell View

Divi Construction Layout Pack Footer Design for Tablet and Mobile

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

To place your hands on the free global header & footer template, you’re going to first need to download it using the button underneath. To appreciate get right to use to the download you will need to subscribe to our Divi Day-to-day e mail tick list by the use of using the form underneath. As a brand spanking new subscriber, you’re going to acquire a lot more Divi goodness and a free Divi Construction pack each Monday! Should you occur to’re already on the tick list, simply enter your e mail deal with underneath and click on on download. You’re going to not be “resubscribed” or download additional emails.

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

Download For Free

See also  11 Best possible WordPress Login Web page Plugins (Safe & Customizable)

Download For Loose

Join the Divi Newsletter and we will e mail you a duplicate of the ultimate Divi Landing Internet web page Construction Pack, plus tons of other very good and free Divi resources, pointers and strategies. Apply along and also you’re going to be a Divi grab in no time. Should you’re already subscribed simply sort to your e mail deal with underneath and click on on download to get right to use the construction pack.

You could have successfully subscribed. Please examine your e mail deal with to make sure your subscription and get get right to use to free weekly Divi construction packs!

Learn to Upload The Divi Construction Freebie Template

Transfer to Divi Theme Builder

So as to add the template, navigate to the Divi Theme Builder inside the backend of your WordPress website.

Open Divi Theme Builder

Upload Global Default Web site Template

Then, inside the top right kind corner, you’ll see an icon with two arrows. Click on on on the icon.

Import the template into the Divi Theme Builder

Navigate to the import tab, upload the JSON file which you were able to acquire in this publish, and click on on on ‘Import Divi Theme Builder Templates’.

Finish importing the template into the Divi Theme Builder

Save Divi Theme Builder Changes

While you’ve uploaded the file, you’ll understand a brand spanking new global header and footer to your default website template. Save the Divi Theme Builder changes as soon as you wish to have the template to be activated.

Save Divi Theme Builder Changes

Learn to Keep watch over The Template

Open Divi Construction Freebie Header Template

To modify the global header template’s parts, get began by the use of opening the template.

See also  9 Absolute best AI Construction Tool in 2023

Open Header Template

Set Desktop Menu

This Divi Construction freebie header design has a desktop along with a tablet/mobile design. Let’s get started by the use of settling on a menu for the desktop view of our header.

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

Add Link to Button

Next, we add a link to our Button Module. Have in mind to moreover trade the text on the button to match your call-to-action.

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

Upload Your Emblem

Next, you wish to have to edit the Symbol Module. Upload your own image and logo, preferably a PNG with a transparent background.

Set Your Social Media Links and Account

Edit the links and social networks throughout the header’s Social Media Observe Module.

Update Social Media Follow Module with links and social media networks

Make a selection Menu for Tablet and Cell

After setting our desktop parts, we need to switch to the tablet view. This may increasingly allow us to edit our tablet and mobile parts.

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

Then, we make a choice our menu for the tablet and mobile

Select the menu for smaller devices

Upload Inverse Emblem

For the mobile menu, we use a yellow background shade. Because of this, you’ll need to use the inverse color of your logo. We’d suggest using the dark color of your logo for the mobile menu’s logo, as opposed to the light-colored type so that it can be spotted.

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

Change Button for Smaller Units

Edit the Button Module throughout the header to replicate your call-to-action of variety. Moreover, add a link holiday spot.

Add button text and button URL to the tablet Button Module

Setup Your Social Media Apply Module

After all, we’ll exchange the social media networks inside of our Social Media Apply Module. Don’t forget to double-check your social media URLs to ensure that they’re correct and vigorous!

See also  The 12 Easiest Social Media Analytics Gear for Entrepreneurs in 2023

Update social media follow module in the Divi Construction freebie

Open Footer Template

Continue by the use of opening the global footer inside the default website template.

Open Footer Template

Edit Footer Blurb Module

Our footer has numerous Blurb Modules that need to be up to the moment. It is very important exchange the Blurb Determine and Blurb Body. You’ll be capable to moreover take it a step further and exchange the Blurb Icon as well.

Modify your footer modules to match your needs

Edit Social Media Icons

Now we’ve each and every different Social Media Apply Module inside the footer of our design. Add your similar social media account and link them accurately.

Update social media follow module

Edit Static Modules

There are a selection of modules all through our footer design which could be static and will require your fast attention. Items identical to the Supplier phase and the phase titles need to be up to the moment to replicate your corporation needs.

Update static modules

Make a selection Menu for the Divi Construction freebie Footer

Our Divi Construction freebie footer design has a Menu Module. Make a selection your menu of variety to use inside the footer.

Set footer menu in your Divi Construction freebie

New Freebies Every Week!

We hope you’ve cherished the Construction Construction Pack and the Header & Footer freebie this is going together with it. We stay up for paying attention to your evaluations inside the commentary phase underneath. You must unquestionably examine once more next week for added freebies!

The publish Obtain a FREE Header & Footer for Divi’s Development Structure Pack seemed first on Sublime Topics Weblog.

WordPress Web Design

[ continue ]

WordPress Maintenance Plans | WordPress Hosting

read more


Submit a Comment

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