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

Header Design

Desktop View

Pill and Cell View

Footer Design

Desktop View

Pill and Cell View

Obtain The World Header & Footer Template For The Leather-based Items Structure Pack

To put your arms at the loose world header & footer template, you’ll first wish to obtain it the use of the button beneath. To realize get entry to to the obtain it is important to subscribe to our e-newsletter by way of the use of the shape beneath. As a brand new subscriber, you’ll obtain much more Divi goodness and a loose Divi Structure pack each and every Monday! Should you’re already at the checklist, merely input your electronic mail cope with beneath and click on obtain. You’re going to now not be “resubscribed” or obtain additional emails.

Download the Files

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

See also  Divi Product Highlight: Accessibility Sidebar

Obtain For Unfastened

Sign up for the Divi Publication and we will be able to electronic mail you a duplicate of without equal Divi Touchdown Web page Structure Pack, plus lots of alternative superb and loose Divi assets, guidelines and methods. Observe alongside and you’ll be a Divi grasp very quickly. If you’re already subscribed merely kind for your electronic mail cope with beneath and click on obtain to get entry to the structure pack.

DOWNLOAD

You might have effectively subscribed. Please test your electronic mail cope with to substantiate your subscription and get get entry to to loose weekly Divi structure packs!

The way to Add The Template

Pass to Divi Theme Builder

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

Add World Default Web page 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 report which you had been in a position to obtain on this put up, and click on on ‘Import Divi Theme Builder Templates’.

Save Divi Theme Builder Adjustments

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

The way to Adjust The Template

Open Header Template

To switch the worldwide header template’s parts, get started by way of opening the template.

Choose Menu of Selection

Choose your menu of selection within the Menu Module.

Replace Menu Emblem

We use the Emblem possibility within the Menu Module to turn our logo brand. Add your brand to the module. Because the background is the darkish, we’d counsel the use of a gentle coloured brand.

Replace Number one Textual content CTA

The principle menu has a call-to-action created with a Textual content Module and the Icon Module. Replace every as wanted.

To hyperlink out, we might counsel including a hyperlink to the column itself, versus the 2 modules one by one.

Replace Secondary Textual content CTA

This header has a textual content call-to-action within the secondary menu. Replace the textual content to check your wishes. You’ll additionally upload a hyperlink to the Textual content Module.

Replace Social Media Module Networks and Hyperlinks

Replace the Social Media Observe Module along with your decided on social media networks. Have in mind to additionally upload your social media hyperlinks to every icon as smartly.

Open Footer Template

Proceed by way of opening the worldwide footer within the default site template.

Replace Footer Menu

As with the main menu, you need to replace the menu within the footer along with your footer menu.

Replace Footer Emblem

Replace the Symbol Module within the footer along with your brand.

Upload Your Social Media Icons and Hyperlinks

As with the Social Media Observe Module within the header, we need to make sure that we’ve our right kind social networks with their suitable hyperlinks.

Attach Your E mail Advertising and marketing

Our footer additionally has an E mail Optin Module. Attach your electronic mail advertising answer of selection to assemble emails from guests for your web site.

Replace Static Footer Content material

It is important to undergo and replace the static content material of the footer, together with including your individual textual content, updating titles and so on. Don’t overlook concerning the copyright textual content on the backside of the footer as smartly.

New Freebies Each and every Week!

We are hoping you’ve loved the Leather-based Items Structure Pack and the Header & Footer freebie that is going at the side of it. We look ahead to listening to your critiques within the remark phase beneath. You should definitely test again subsequent week for extra freebies!

The put up Download a FREE Header & Footer for Divi’s Leather Goods Layout Pack gave the impression first on Elegant Themes Blog.

read more