Hello there Divi Creators! Thanks for changing into a member people for the next installment of our weekly Divi Design Initiative where each week, we give away brand new freebies. This time spherical we’re construction upon the Chocolatier Format Pack with a brand new blog publish template that matches the rest of the pack totally. Hope you enjoy it!

Desktop View

Tablet/Cellular View

Download The Blog Publish Template For The Chocolatier Layout Pack

To place your hands on the free Chocolatier Blog Publish Template, you’ll first need to download it using the button underneath. To succeed in get right to use to the download you will need to subscribe to our publication by means of using the form underneath. As a brand spanking new subscriber, you’ll download a lot more Divi goodness and a free Divi Layout pack every Monday! For individuals who’re already on the record, simply enter your electronic mail take care of underneath and click on on download. You’ll now not be “resubscribed” or download further emails.

Obtain the Recordsdata

.et_bloom .et_bloom_optin_1 .et_bloom_form_content { background-color: #4843d2 !very important; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container .et_bloom_form_header { background-color: #ffffff !very important; } .et_bloom .et_bloom_optin_1 .carrot_edge .et_bloom_form_content:previous than { border-top-color: #ffffff !very important; } .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 !very important; border-left-color: #ffffff !very important; }
@media most simple 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 !very important; border-left-color: transparent !very important; }.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:after { border-bottom-color: #ffffff !very important; border-left-color: transparent !very important; }
}.et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !very important; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_fields i { shade: #f92c8b !very important; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:previous than { background: #f92c8b !very important; } .et_bloom .et_bloom_optin_1 .et_bloom_border_solid { border-color: #f7f9fb !very important } .et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !very important; } .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 !very important;}

See also  10 Highest Unfastened Cloud Stroages (2025)

Download For Loose

Join the Divi Publication and we will electronic mail you a reproduction of the ultimate Divi Landing Internet web page Layout Pack, plus tons of various very good and free Divi assets, tips and strategies. Practice along and you’ll be a Divi clutch in no time. If you happen to’re already subscribed simply type on your electronic mail take care of underneath and click on on download to get right to use the layout pack.

DOWNLOAD

You want to have successfully subscribed. Please check out your electronic mail take care of to ensure your subscription and get get right to use to free weekly Divi layout packs!

Upload The Template

Cross to Divi Theme Builder

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

Upload Website Template

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

Navigate to the import tab, upload the JSON document that it’s very important download in this publish, and click on on on ‘Import Divi Theme Builder Templates’.

Save Divi Theme Builder Changes

Every time you’ve uploaded the document, 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 want the template to be activated.

Alter The Template

Open Publish Template

To modify the template’s elements, get began by means of opening the template.

Right through the Body Layout Editor, you’ll be capable of edit the design on the front end using the Divi Builder very similar to you may be able to with a regular Divi internet web page.

Since this can be a template that has been assigned to all posts for the internet web page, there’s a publish content material subject matter module this is very important for showing the publish content material subject matter. You will need to keep that module in place, alternatively you’ll be capable of keep watch over the publish content material subject matter module’s design elements, which is in a position to design the publish content material subject matter that is displayed dynamically.

Regarding the Layout

This blog publish template has a few dynamic elements that can artwork in conjunction with your blog posts in an instant. Our entire publish header is made up of dynamic elements in conjunction with a featured image, the publish excerpt, the publish elegance and the publish title. This content material subject matter received’t need updating, alternatively you’ll be capable of tweak the design of each of those elements if sought after.

Other dynamic elements include the following:

• Publish Writer Identify: We use a Text Module to show the main and ultimate identify of the publish author
• Publish Writer Bio: Another time, we use a Text Module to show the author bio
• Publish Writer Image: An Image Module is in use to bring in the author profile image from Gravatar
• Comments: A statement form with a comments phase

Right here’s a quick illustration that identifies the elements of the Divi Chocolatier blog publish template.

Exchange Static Content material subject matter Modules

There are some elements on this publish template would most likely need your fast attention previous than using it live to tell the tale your own internet web page. For this publish template, it is advisable want to imagine updating the Text and  Button modules which may well be used as call-to-actions above the comments phase.

New Freebies Every Week!

We hope you’ve liked the Chocolatier Layout Pack and the blog publish template freebie this is going in conjunction with it. We sit up for paying attention to your opinions throughout the statement phase underneath. Be certain that to try once more next week for additonal freebies!

The publish Obtain a FREE Weblog Submit Template for Divi’s Chocolatier Format Pack appeared first on Chic Issues Weblog.

WordPress Web Design

[ continue ]

read more