Download a FREE Blog Post Template for Divi’s Chocolatier Layout Pack

by | Dec 23, 2022 | Etcetera | 0 comments

Howdy Divi Creators! Thank you for becoming a member of us for the following installment of our weekly Divi Design Initiative the place each and every week, we give away logo new freebies. This time round we’re construction upon the Chocolatier Layout Pack with a brand spanking new weblog publish template that fits the remainder of the pack completely. Hope you revel in it!

divi layout

Test Out The Chocolatier
Weblog Publish Template Under

Get it for free today!

Desktop View

The Divi Chocolatier Blog Template in desktop view

Pill/Cell View

The Divi Chocolatier Blog Template in tablet and mobile view

Obtain The Weblog Publish Template For The Chocolatier Structure Pack

To put your arms at the loose Chocolatier Weblog Publish Template, you are going to first want to obtain it the use of the button under. To achieve get entry to to the obtain it is important to subscribe to our publication via the use of the shape under. As a brand new subscriber, you are going to obtain much more Divi goodness and a loose Divi Structure pack each Monday! In the event you’re already at the listing, merely input your electronic mail cope with under and click on obtain. You’ll no longer be “resubscribed” or obtain further emails.

.et_bloom .et_bloom_optin_1 .et_bloom_form_content { background-color: #4843d2 !necessary; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container .et_bloom_form_header { background-color: #ffffff !necessary; } .et_bloom .et_bloom_optin_1 .carrot_edge .et_bloom_form_content:earlier than { border-top-color: #ffffff !necessary; } .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:earlier than, .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:earlier than { border-top-color: clear !necessary; border-left-color: #ffffff !necessary; }
@media best display screen and ( max-width: 767px ) {.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:earlier than { border-top-color: #ffffff !necessary; border-left-color: clear !necessary; }.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:after { border-bottom-color: #ffffff !necessary; border-left-color: clear !necessary; }
}.et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !necessary; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_fields i { shade: #f92c8b !necessary; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:earlier than { background: #f92c8b !necessary; } .et_bloom .et_bloom_optin_1 .et_bloom_border_solid { border-color: #f7f9fb !necessary } .et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !necessary; } .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 !necessary;}

Download For Free

See also  How WordPress Controlled Internet hosting Can Spice up Your Web page Safety (4 Tactics)

Obtain For Loose

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 lots of different wonderful and loose Divi sources, guidelines and methods. Observe alongside and you are going to be a Divi grasp very quickly. If you’re already subscribed merely sort on your electronic mail cope with under and click on obtain to get entry to the format pack.

You’ve effectively subscribed. Please take a look at your electronic mail cope with to verify your subscription and get get entry to to loose weekly Divi format packs!

Learn how 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.

Opening the Divi Theme Builder to Import the Divi Conference Category Layout

Add Web site Template

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

Importing the Header and Footer Layout into the Divi Theme Buidler

Navigate to the import tab, add the JSON report that it is advisable obtain on this publish, and click on on ‘Import Divi Theme Builder Templates’.

Import settings for the header and footer layout pack

Save Divi Theme Builder Adjustments

Whenever you’ve uploaded the report, you’ll understand a brand new template with a brand new frame house that has been assigned to All Posts. Save the Divi Theme Builder adjustments once you wish to have the template to be activated.

Save the imported blog post layout within the Divi Theme Builder

Learn how to Regulate The Template

Open Publish Template

To change the template’s components, get started via opening the template.

Begin editing the blog post body template within the Divi Builder

Within the Frame Structure Editor, you’ll edit the design at the entrance finish the use of the Divi Builder similar to you can with a typical Divi web page.

See also  Get a Free Handmade Soap Layout Pack for Divi

Since it is a template that has been assigned to all posts for the web site, there’s a publish content material module this is vital for exhibiting the publish content material. It is important to stay that module in position, however you’ll regulate the publish content material module’s design components, which is able to design the publish content material this is displayed dynamically.

You can edit the titles, fonts, color etc. of the Post Content Module that will affect the body text in the Divi Chocolatier Blog Page Template

In regards to the Structure

This weblog publish template has a couple of dynamic components that may paintings along with your weblog posts in an instant. Our complete publish header is made up of dynamic components together with a featured symbol, the publish excerpt, the publish class and the publish identify. This content material received’t want updating, however you’ll tweak the design of each and every of the ones components if wanted.

Different dynamic components come with the next:

  • Publish Creator Title: We use a Textual content Module to turn the primary and ultimate identify of the publish writer
  • Publish Creator Bio: Once more, we use a Textual content Module to turn the writer bio
  • Publish Creator Photograph: An Symbol Module is in use to usher in the writer profile photograph from Gravatar
  • Feedback: A remark shape with a feedback phase

Here’s a fast representation that identifies the weather of the Divi Chocolatier weblog publish template.

Divi Chocolatier Blog Post Template Breakdown

Replace Static Content material Modules

There are some components in this publish template might want your rapid consideration earlier than the use of it live to tell the tale your individual web page. For this publish template, it’s possible you’ll wish to believe updating the Textual content and  Button modules which might be used as call-to-actions above the feedback phase.

See also  5 Best Printing Plugins for WordPress

New Freebies Each Week!

We are hoping you’ve loved the Chocolatier Structure Pack and the weblog publish template freebie that is going together with it. We stay up for listening to your reviews within the remark phase under. You should definitely take a look at again subsequent week for extra freebies!

The publish Download a FREE Blog Post Template for Divi’s Chocolatier Layout Pack gave the impression 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 *