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 just lately shared a brand spanking new Convention Structure Pack. That will help you get your web site up and working once imaginable, we’re sharing a world header & footer template that fits this format pack completely as neatly! Hope you experience it.
Take a look at Out The Divi Convention Header and Footer Template Underneath
Header Design
Footer Design
Obtain The Header & Footer Template For The Convention Structure Pack
To put your fingers at the unfastened world header & footer template, you’re going to first wish to obtain it the usage of the button underneath. To realize get entry to to the obtain it is important to subscribe to our publication via the usage of the shape underneath. As a brand new subscriber, you’re going to obtain much more Divi goodness and a unfastened Divi Structure pack each Monday! For those who’re already at the record, merely input your electronic mail deal with underneath and click on obtain. You’ll no longer be “resubscribed” or obtain further emails.
@media simplest display screen 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 !essential; border-left-color: clear !essential; }.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:after { border-bottom-color: #ffffff !essential; border-left-color: clear !essential; }
}.et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !essential; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_fields i { shade: #f92c8b !essential; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:sooner than { background: #f92c8b !essential; } .et_bloom .et_bloom_optin_1 .et_bloom_border_solid { border-color: #f7f9fb !essential } .et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !essential; } .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 !essential;}
Obtain For Unfastened
Sign up for the Divi E-newsletter and we can electronic mail you a duplicate of without equal Divi Touchdown Web page Structure Pack, plus heaps of alternative superb and unfastened Divi assets, pointers and tips. Apply alongside and you’re going to be a Divi grasp very quickly. In case you are already subscribed merely sort for your electronic mail deal with underneath and click on obtain to get entry to the format pack.
You may have effectively subscribed. Please test your electronic mail deal with to verify your subscription and get get entry to to unfastened weekly Divi format packs!
Tips on how to Add The Template
Move to Divi Theme Builder
To add the template, navigate to the Divi Theme Builder within the backend of your WordPress web site.
Add 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 ready to obtain on this publish, and click on on ‘Import Divi Theme Builder Templates’.
Save Divi Theme Builder Adjustments
While you’ve uploaded the document, you’ll understand a brand new header and footer for your default web site template. Save the Divi Theme Builder adjustments once you need the template to be activated.
Tips on how to Regulate The Divi Convention Header and Footer Templates
Open the Divi Convention Header Template
To switch the header template’s components, get started via opening the template.
Make a selection Menu of Selection
Make a selection a menu of your selection within the Menu Module for the desktop and pill view.
Make a choice Menu for Cell
Transfer to the cell view
Make a selection a menu of your selection within the Menu Module for the cell view.
Edit Social Media Hyperlinks
This header has social media icons at the height left. Open the settings for this module and upload/edit the social media accounts as wanted.
Modify the social media icons for cell
Transfer to the telephone view, and likewise edit the social media icons for the cell view.
Alternate the Button CTA
Transfer again to desktop view and edit the button module to hyperlink for your vacation spot of selection.
Edit the Textual content CTA
Edit the textual content module with content material of your selection.
Regulate the Textual content CTA for Cell
Transfer to cell view, and edit the textual content CTA inside of.
Save Header Template Adjustments
After you have made all vital adjustments for your pleasure, go out out of all modules and save your header template. Subsequent, navigate again to the principle Divi Theme Builder touchdown web page.
Open Footer Template
Proceed via opening the footer of the Divi Convention Structure Pack.
Replace Footer Content material
It is important to undergo and replace the content material of the footer, together with including your individual textual content, hyperlink URLs, and connecting your electronic mail advertising software of option to the e-mail optin module. Don’t fail to remember in regards to the copyright textual content on the backside of the footer as neatly.
New Freebies Each Week!
We are hoping you’ve loved the Divi Convention Structure Pack and the Header & Footer freebie that is going together with it. We stay up for listening to your reviews within the remark phase underneath. Be sure you test again subsequent week for extra freebies!
The publish Obtain a FREE Header & Footer for Divi’s Convention Structure Pack seemed first on Sublime Subject matters Weblog.
WordPress Web Design