Hello 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. This time round we’re construction upon the Home Staging Layout Pack with a brand spanking new Class Web page Template that fits the remainder of pack completely. Hope you revel in it!

Obtain The Class Web page Template For The House Staging Structure Pack

To put your arms at the unfastened House Staging Class Web page Template, you are going to first wish to obtain it the usage of the button beneath. To realize get admission to to the obtain it is important to subscribe to our Divi Day-to-day e mail checklist by way of the usage of the shape beneath. As a brand new subscriber, you are going to obtain much more Divi goodness and a unfastened Divi Structure pack each Monday! If you happen to’re already at the checklist, merely input your e mail deal with beneath and click on obtain. You are going to now not be “resubscribed” or obtain further emails.

Download the Files

.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 simplest display 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 sturdy { 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 sturdy, .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;}

See also  Semrush Review: Everything You Need to Know (2024)

Obtain For Unfastened

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 lots of different wonderful and unfastened Divi assets, pointers and methods. Apply alongside and you are going to be a Divi grasp very quickly. If you’re already subscribed merely sort on your e mail deal with beneath and click on obtain to get admission to the structure pack.

DOWNLOAD

You might have effectively subscribed. Please take a look at your e mail deal with to substantiate your subscription and get get admission to to unfastened weekly Divi structure packs!

The way to Add The Template

Pass to Divi Theme Builder

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

Add Web site Template

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

Navigate to the import tab, add the JSON document that that you must obtain on this publish, and click on on ‘Import Divi Theme Builder Templates’.

Save Divi Theme Builder Adjustments

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

The way 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 be able to edit the design at the entrance finish the usage of the Divi Builder similar to you possibly can with a typical Divi web page.

Concerning the Template

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

• Class Web page Submit/Archive Identify
• Submit Slider – presentations the primary 3 posts for the present class web page in a slider.
• Weblog Module – presentations posts for the present class web page. The publish prohibit is 9 and has pagination.

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

Updating the Template’s Dynamic Parts

Class Web page Identify

The Web page identify is added the usage of a textual content module that presentations the publish/archive identify as dynamic content material. By means of default, the class web page identify goes to be the identify of the present class. However for this template, we added the phrase Articles after the class identify. So, for instance, if you’re on a Trade class web page, the web page identify will learn “Trade Articles”.

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

Weblog Module(s)

Posts for Present Web page

Since this can be 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 are set to show posts for the present web page. That is how the template presentations the posts dynamically for every class web page.

You’ll be able to replace the remainder of the settings (like publish rely) to regulate the module parts and design. On the other hand, 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 quick consideration earlier than the usage of it live to tell the tale your individual website online. Those parts are known as static as a result of they’ll now not replace dynamically.

E-mail Optin

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

Replace Different Class Web page Static Content material

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

New Freebies Each and every Week!

We are hoping you’ve loved the House Staging Structure Pack and the Class Web page Template freebie that is going at the side of it. We sit up for listening to your evaluations within the remark segment beneath. You should definitely take a look at again subsequent week for extra freebies!

The publish Download a FREE Category Page Template for Divi’s Home Staging Layout Pack gave the impression first on Elegant Themes Blog.

read more