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

by | Oct 14, 2022 | 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 not too long ago shared a brand spanking new Conference Layout Pack. That can assist you get your web page up and working once conceivable, we’re sharing a world header & footer template that fits this format pack completely as neatly! Hope you experience it.

divi layout

Take a look at Out The Divi Convention Header and Footer Template Under

Get it for free today!

Header Design

Header Layout for Desktop in the Divi Conference Header and Footer Freebie
Header Layout for Tablet and Mobile in the Divi Conference Header and Footer Freebie

Footer Design

Footer Layout for Desktop in the Divi Conference Header and Footer Freebie

Footer Layout for Tablet and Mobile in the Divi Conference Header and Footer Freebie

Obtain The Header & Footer Template For The Convention Format Pack

To put your arms at the unfastened international header & footer template, you’ll first wish to obtain it the usage of the button beneath. To realize get right of entry to to the obtain it is very important subscribe to our publication through the usage of the shape beneath. As a brand new subscriber, you’ll obtain much more Divi goodness and a unfastened Divi Format pack each Monday! In the event you’re already at the checklist, merely input your e mail cope with beneath and click on obtain. You are going to no longer be “resubscribed” or obtain additional 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:prior to { border-top-color: #ffffff !essential; } .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 !essential; border-left-color: #ffffff !essential; }
@media simplest 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 !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 { colour: #f92c8b !essential; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:prior 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 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 !essential;}

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

The way to Add The Template

Cross to Divi Theme Builder

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

Navigating to the Divi Theme Builder

Add Default Site Template

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

Opening the import export functionality of the Divi Theme Builder

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

Import settings for the header and footer layout pack

Save Divi Theme Builder Adjustments

If you’ve uploaded the document, you’ll understand a brand new header and footer on your default web page template. Save the Divi Theme Builder adjustments once you need the template to be activated.

Saving changes with newly imported Header and Footer Layout

The way to Regulate The Divi Convention Header and Footer Templates

Open the Divi Convention Header Template

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

See also  Bluehost Managed WordPress Hosting Review

Editing the Divi Conference Header Layout

Make a selection Menu of Selection

Make a selection a menu of your selection within the Menu Module for the desktop and pill view.

Selecting menu for the desktop menu

Make a choice Menu for Cell

Transfer to the cell view

Switch from desktop to mobile view within the Divi Theme Builder

Make a selection a menu of your selection within the Menu Module for the cell view.

Select a menu for the mobile version of your Header Layout

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.

Editing social media icon links with the Header Layout

Modify the social media icons for cell

Transfer to the telephone view, and likewise edit the social media icons for the cell view.

Editing social media icons for mobile

Exchange the Button CTA

Transfer again to desktop view and edit the button module to hyperlink for your vacation spot of selection.

Edit the button CTA in the Header Layout

Edit the Textual content CTA

Edit the textual content module with content material of your selection.

Edit the text CTA within the top right header

Regulate the Textual content CTA for Cell

Transfer to cell view, and edit the textual content CTA inside.

Edit the text module for mobile

Save Header Template Adjustments

After getting made all vital adjustments for your pleasure, go out out of all modules and save your header template. Subsequent, navigate again to the primary Divi Theme Builder touchdown web page.

Save edits to the Divi Conference Header Layout

Open Footer Template

Proceed through opening the footer of the Divi Convention Format Pack.

Editing the Divi Conference Layout Footer

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 e mail advertising and marketing device of option to the e-mail optin module. Don’t omit in regards to the copyright textual content on the backside of the footer as neatly.

See also  How to Get Up to 60% Off in the Divi Marketplace During Black Friday

Edit footer content links, logos, and email marketing integrations.

New Freebies Each and every Week!

We are hoping you’ve loved the Divi Convention 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 segment beneath. Make sure to test again subsequent week for extra freebies!

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

WordPress Maintenance Plans | WordPress Hosting

read more

0 Comments

Submit a Comment

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