Whats up Divi Country! 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 development upon the Therapy Layout Pack with a brand spanking new Class Web page Template that fits the remainder of the pack completely. Hope you revel in it!

Obtain The Class Web page Template For The Remedy Structure Pack

To put your palms at the loose Remedy Class Web page Template, you’re going to first want to obtain it the use of the button beneath. To achieve get entry to to the obtain it is important to subscribe to our Divi Day by day e-mail record by way of the use of the shape beneath. As a brand new subscriber, you’re going to obtain much more Divi goodness and a loose Divi Structure pack each and every Monday! In case you’re already at the record, merely input your e-mail cope with beneath and click on obtain. You’re going to no longer be “resubscribed” or obtain further emails.

Download the Files

.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 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;}

See also  Sustainable Internet Web hosting: Inexperienced WordPress Suppliers for the Environmentally Mindful…

Obtain For Loose

Sign up for the Divi E-newsletter and we will be able to e-mail you a replica of without equal Divi Touchdown Web page Structure Pack, plus heaps of different wonderful and loose Divi assets, guidelines and methods. Practice alongside and you’re going to be a Divi grasp very quickly. If you’re already subscribed merely sort to your e-mail cope with beneath and click on obtain to get entry to the structure pack.

DOWNLOAD

You have got effectively subscribed. Please test your e-mail cope with to substantiate your subscription and get get entry to to loose weekly Divi structure packs!

Tips on how to Add The Template

Add Web site Template The use of Divi Theme Builder

To add the template, apply those steps:

1. Navigate to the Divi Theme Builder within the backend of your WordPress website online.
2. Open the Portability modal by way of clicking the icon with two arrows within the height proper nook.
3. Within the popup, make a choice the import tab.
4. Add the JSON document that you’ll obtain on this put up.
5. Click on at the ‘Import Divi Theme Builder Templates’ button.

Save Divi Theme Builder Adjustments

Whenever you’ve uploaded the document, you’ll realize a brand new template with a brand new frame space that has been assigned to All Class Pages. Save the Divi Theme Builder adjustments once you need the template to be activated.

Tips on how to Regulate The Template

Open Class Web page Template Frame Structure

To change the template’s parts, get started by way of opening the template’s frame structure.

Throughout the Frame Structure Editor, you’ll edit the design at the entrance finish the use of the Divi Builder identical to you possibly can with a regular Divi web page.

In regards to the Template

This class web page template has a couple of dynamic parts that can paintings mechanically together with:

• Class Web page Submit/Archive Identify
• Submit Slider Module – shows the primary 3 put up for the present class web page.
• Weblog Module – shows the following posts for the present class web page in a unique structure. The put up restrict is 6 and has pagination.

Here’s a fast representation that identifies the dynamic parts of the Remedy Class Web page Template.

Updating the Template’s Dynamic Parts

Class Web page Identify

The Web page identify is added the use of a textual content module that shows the put up/archive identify as dynamic content material. Through default, the class web page identify goes to be the identify of the present class.

To edit the identify, open the settings for the textual content module, click on the tools icon to edit the dynamic component, then replace the prior to and after HTML as wanted.

Weblog Module(s)

Posts for Present Web page

Since it is a template that has been assigned to all class pages for the website online, there are going to be a number of weblog modules which might be set to show posts for the present web page. That is how the template shows the posts dynamically for each and every class web page.

You’ll replace the remainder of the settings (like put up depend) to regulate the module parts and design. Alternatively, be sure to stay the choice Posts for Present Web page set to YES.

Updating the Template’s Static Parts

Some parts on a class web page template will want your speedy consideration prior to the use of it continue to exist your individual website online. Those parts are known as static as a result of they’re going to no longer replace dynamically.

E mail Optin

To permit the E mail Optin Module to turn up to your design, you’ll want to hyperlink an e-mail account.

Replace Different Class Web page Static Content material

Different content material that isn’t going to switch dynamically must be up to date as smartly. Those come with all modules exhibiting textual content, hyperlinks, social media apply icons, and so on.

New Freebies Each Week!

We are hoping you’ve loved the Remedy Structure Pack and the Class Web page Template freebie that is going in conjunction with it. We sit up for listening to your evaluations within the remark segment beneath. You’ll want to test again subsequent week for extra freebies!

The put up Download a FREE Category Page Template for Divi’s Therapy Layout Pack gave the impression first on Elegant Themes Blog.

read more