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 emblem 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!

divi layout

Test Out The House Staging
Class Web page Template Beneath

Get it for free today!

divi home staging category page template

divi home staging category page template

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

To put your fingers at the unfastened House Staging Class Web page Template, you’re going to first want to obtain it the usage of the button beneath. To achieve get entry to to the obtain it is important to subscribe to our Divi Day-to-day e mail checklist by means of the usage of the shape beneath. As a brand new subscriber, you’re going to obtain much more Divi goodness and a unfastened Divi Format pack each Monday! Should you’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.

.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:sooner than { border-top-color: #ffffff !necessary; } .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:sooner than, .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:sooner 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:sooner 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 { coloration: #f92c8b !necessary; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:sooner 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

Obtain For Unfastened

Sign up for the Divi Publication and we can e mail you a duplicate of without equal Divi Touchdown Web page Format Pack, plus lots of alternative wonderful and unfastened Divi sources, pointers and tips. Practice alongside and you’re going to be a Divi grasp very quickly. In case you are already subscribed merely sort to your e mail deal with beneath and click on obtain to get entry to the format pack.

You’ve got effectively subscribed. Please test your e mail deal with to substantiate your subscription and get get entry to to unfastened weekly Divi format packs!

Find out how to Add The Template

Move to Divi Theme Builder

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

Home Staging category page template

Add Website online Template

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

Home Staging category page template

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

Home Staging category page template

Save Divi Theme Builder Adjustments

When 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.

Home Staging category page template

Find out how to Alter The Template

Open Class Web page Template Frame Format

To change the template’s components, get started by means of opening the template’s frame format.

Home Staging category page template

Within the Frame Format Editor, you’ll be able to edit the design at the entrance finish the usage of the Divi Builder identical to you could with a typical Divi web page.

In regards to the Template

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

  • Class Web page Put up/Archive Identify
  • Put up 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 components of the House Staging Class Web page Template.

divi home staging category page template

Updating the Template’s Dynamic Components

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 way 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, as an example, in case you are 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 equipment icon to edit the dynamic part, then replace the sooner than and after HTML as wanted.

divi home staging category page template

Weblog Module(s)

Posts for Present Web page

Since it is a template that has been assigned to all class pages for the web site, 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 each and every class web page.

divi home staging category page template

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

Updating the Template’s Static Components

Some components on a class web page template will want your quick consideration sooner than the usage of it continue to exist your individual website online. Those components are referred to as static as a result of they are going to now not replace dynamically.

Electronic mail Optin

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

divi home staging category page template

Replace Different Class Web page Static Content material

Different content material that isn’t going to switch dynamically will have to be up to date as neatly. Those come with all modules showing textual content, hyperlinks, social media apply icons, and so forth.

New Freebies Each and every Week!

We are hoping you’ve loved the House Staging Format Pack and the Class Web page Template freebie that is going along side it. We stay up for listening to your evaluations within the remark segment beneath. Remember to test again subsequent week for extra freebies!

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

WordPress Web Design

[ continue ]