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

by | Oct 15, 2021 | Etcetera | 0 comments

Excellent day Divi Nation! Thanks for turning into a member folks for the next installment of our weekly Divi Design Initiative where every week, we give away logo new freebies. Simply in recent years, we shared a brand new Blogger Layout Pack. To help you get your web site up and working as soon as possible, we’re sharing a world header & footer template that matches this construction pack totally as smartly! Hope you enjoy it.

divi layout

Check out Out The Blogger
World Header & Footer Template Beneath

Get it for free today!

blogger header footer

Download The World Header & Footer Template For The Blogger Construction Pack

To position your hands on the loose global header & footer template, you’re going to first want to download it using the button beneath. To reach get entry to to the download it is very important subscribe to our Divi Day-to-day email tick list via using the form beneath. As a brand spanking new subscriber, you’re going to download a lot more Divi goodness and a loose Divi Construction pack every Monday! Will have to you’re already on the tick list, simply enter your email take care of beneath and click on on download. You’re going to now not be “resubscribed” or download further emails.

.et_bloom .et_bloom_optin_1 .et_bloom_form_content { background-color: #4843d2 !essential; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container .et_bloom_form_header { background-color: #ffffff !essential; } .et_bloom .et_bloom_optin_1 .carrot_edge .et_bloom_form_content:previous to { border-top-color: #ffffff !essential; } .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 !essential; border-left-color: #ffffff !essential; }
@media most efficient 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 !essential; border-left-color: transparent !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: transparent !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 { color: #f92c8b !essential; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:previous to { 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 tough { 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 tough, .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 !essential;}

Download For Free

See also  How to Add Shortcodes to Your Divi Footer (3 Plugin Examples)

Download For Free

Join the Divi Publication and we will be able to email you a reproduction of the ultimate Divi Landing Internet web page Construction Pack, plus lots of various superb and loose Divi resources, tips and techniques. Follow along and you’re going to be a Divi clutch in no time. In the event you’re already subscribed simply type for your email take care of beneath and click on on download to get entry to the construction pack.

You’ve were given successfully subscribed. Please check out your email take care of to verify your subscription and get get entry to to loose weekly Divi construction packs!

Learn the way to Upload The Template

Pass to Divi Theme Builder

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

blogger header footer

Upload World Website Template

Then, throughout the height correct corner, you’ll see an icon with two arrows. Click on on on the icon.

blogger header footer

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

blogger header footer

Save Divi Theme Builder Changes

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

blogger header footer

Learn the way to Modify The Template

Open Header Template

To modify the global header template’s elements, get began via opening the template.

See also  WP Engine vs GoDaddy for WooCommerce – Which Gives the Very best WordPress eCommerce Website hosting?

blogger header footer

Business Logo

Business the brand all the way through the Menu Module.

blogger header footer

Add Links to Button & Social Media Follow Module

Next, add comparable links to the Button Module and every one of the crucial social networks all the way through the Social Media Follow Module.

blogger header footer

Open Footer Template

Continue via opening the global footer all the way through the default web site template.

blogger header footer

Business Footer Items & Links

Then, keep watch over every one of the crucial footer items’ content material subject matter and link.

blogger header footer

Add Piece of email Account to Piece of email Optin Module

Be sure to add an email account for your Piece of email Optin Module as smartly.

blogger header footer

Business Replica

And whole the footer design via changing the copy all the way through the Text Modules which you’ll be capable of to find throughout the section’s ultimate row.

blogger header footer

Save Divi Theme Builder Changes

Whilst you’ve made all changes to the header and footer, remember to save the theme builder changes!

blogger header footer

New Freebies Each Week!

We hope you enjoy this week’s Blogger Construction Pack and the Header & Footer freebie this is going in conjunction with it. We sit up for taking note of your evaluations throughout the statement section beneath. Make certain to check out once more next week for added freebies!

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

WordPress Web Design

[ continue ]

WordPress Maintenance Plans | WordPress Hosting

read more

0 Comments

Submit a Comment