Hi there Divi Nation! Thanks for changing into a member people for the next installment of our weekly Divi Design Initiative where each and every week, we give away logo new freebies. This time spherical we’re building upon the Electric Services and products Structure Pack with a brand new blog put up template that matches the rest of the pack totally. Hope you enjoy it!

Table of Contents

Toggle

Check Out The Electrical Products and services and merchandise
Blog Post Template Beneath

Get it without cost these days!

Download The Blog Post Template For The Electrical Products and services and merchandise Construction Pack

To place your arms on the free Electrical Products and services and merchandise Blog Post Template, you’re going to first need to download it the usage of the button underneath. To appreciate get right of entry to to the download you will need to subscribe to our Divi Day by day electronic mail tick list via the usage of 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 every Monday! In case you occur to’re already on the tick list, simply enter your electronic mail deal with underneath and click on on download. You’re going to no longer be “resubscribed” or download additional emails.

Obtain the Recordsdata

.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 than { border-top-color: #ffffff !essential; } .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:previous than, .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:previous than { border-top-color: transparent !essential; border-left-color: #ffffff !essential; }
@media best computer screen and ( max-width: 767px ) {.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:previous than { 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 { colour: #f92c8b !essential; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:previous 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 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 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;}

See also  15 Best WooCommerce Automations to Increase Sales

Download For Free

Join the Divi Publication and we will electronic mail you a reproduction of the ultimate Divi Landing Internet web page Construction Pack, plus lots of various very good and free Divi resources, guidelines and strategies. Follow along and also you’re going to be a Divi seize in no time. If you are already subscribed simply type on your electronic mail deal with underneath and click on on download to get right of entry to the structure pack.

DOWNLOAD

You’ll have successfully subscribed. Please check out your electronic mail deal with to ensure your subscription and get get right of entry to to free weekly Divi structure packs!

Upload The Template

Move to Divi Theme Builder

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

Upload Web page Template

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

Navigate to the import tab, upload the JSON file that you just’ll need to download in this put up, and click on on on ‘Import Divi Theme Builder Templates’.

Save Divi Theme Builder Changes

Whilst you’ve uploaded the file, you’ll perceive a brand spanking new template with a brand spanking new body area that has been assigned to All Posts. Save the Divi Theme Builder changes as soon as you need the template to be activated.

Regulate The Template

Open Post Template

To change the template’s elements, get began via opening the template.

Inside the Body Construction Editor, you’ll be capable of edit the design on the front end the usage of the Divi Builder very similar to you could with an ordinary Divi internet web page.

Since this is a template that has been assigned to all posts for the site, there’s a put up content material subject matter module that is essential for displaying the put up content material subject matter. You will need to keep that module in place, on the other hand you’ll be capable of keep an eye on the put up content material subject matter module’s design elements, which is in a position to design the put up content material subject matter that is displayed dynamically.

In regards to the Construction

This blog put up template has a lot of dynamic elements that may artwork together with your blog posts immediately. For example, the entire put up header is made up of dynamic elements along side a featured image since the background, the put up identify, and the put up metadata (date, categories, creator, and statement rely). This content material subject matter won’t need updating, on the other hand you’ll be capable of tweak the design of each and every of those elements if sought after.

Other dynamic elements include the following:

• Related Posts Module(s) – shows the most recent posts that share the equivalent elegance. Each and every so steadily a few modules are used with offsets for unique layouts.
• Post Author Bio – shows the profile data (p.c, establish, bio) for the shopper/creator of the put up.
• Post Content material subject matter Module – shows the put up content material subject matter added when editing the put up on the backend of WordPress.
• Comments – an invaluable statement area for the put up.
• Post Navigation – provides previous and next buttons to the put up.

Right here’s a quick illustration that identifies the elements of the Electrical Products and services and merchandise blog put up template.

Alternatively, some elements on a put up template will need your rapid attention previous than the usage of it survive your own web site. For this put up template, you will need to substitute the email opt-in module.

Add Electronic mail Account to Electronic mail Optin Modules

To allow the Electronic mail Optin Module to show up on your design, you’ll need to link an electronic mail account to each and every of the modules inside the template.

New Freebies Each and every Week!

We hope you’ve beloved the Electrical Products and services and merchandise Construction Pack and the blog put up template freebie this is going in conjunction with it. We sit down up for paying attention to your opinions inside the statement section underneath. You’ll need to check out once more next week for added freebies!

The put up Obtain a FREE Weblog Put up Template for Divi’s Electric Services and products Structure Pack gave the impression first on Chic Topics Weblog.

WordPress Web Design

[ continue ]

read more