Hey Divi Nation! Thanks for becoming a member of us for the subsequent installment of our weekly Divi Design Initiative the place every week, we give away model new freebies. This time round we’re constructing upon the Residence Staging Format Pack with a model new Class Web page Template that matches the remainder of pack completely. Hope you take pleasure in it!
Test Out The Residence Staging
Class Web page Template Beneath
Obtain The Class Web page Template For The Residence Staging Format Pack
To put your fingers on the free Residence Staging Class Web page Template, you’ll first must obtain it utilizing the button under. To achieve entry to the obtain you have to to subscribe to our Divi Every day electronic mail record by utilizing the shape under. As a brand new subscriber, you’ll obtain much more Divi goodness and a free Divi Format pack each Monday! When you’re already on the record, merely enter your electronic mail tackle under and click on obtain. You’ll not be “resubscribed” or obtain further emails.
@media solely 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 kind enter, .et_bloom .et_bloom_optin_1 .et_bloom_form_container kind button span { font-family: “Open Sans”, Helvetica, Arial, Lucida, sans-serif; } p.et_bloom_popup_input { padding-bottom: 0 !necessary;}
Obtain For Free
Be a part of the Divi Publication and we are going to electronic mail you a replica of the last word Divi Touchdown Web page Format Pack, plus tons of different wonderful and free Divi assets, ideas and methods. Observe alongside and you may be a Divi grasp very quickly. If you’re already subscribed merely sort in your electronic mail tackle under and click on obtain to entry the format pack.
You will have efficiently subscribed. Please examine your electronic mail tackle to verify your subscription and get entry to free weekly Divi format packs!
Tips on how to Add The Template
Go to Divi Theme Builder
To add the template, navigate to the Divi Theme Builder within the backend of your WordPress web site.
Add Web site Template
Then, within the prime proper nook, you’ll see an icon with two arrows. Click on on the icon.
Navigate to the import tab, add the JSON file that you would obtain on this put up, and click on on ‘Import Divi Theme Builder Templates’.
Save Divi Theme Builder Adjustments
When you’ve uploaded the file, you’ll discover a brand new template with a brand new physique space that has been assigned to All Class Pages. Save the Divi Theme Builder modifications as quickly as you need the template to be activated.
Tips on how to Modify The Template
Open Class Web page Template Physique Format
To switch the template’s parts, begin by opening the template’s physique format.
Contained in the Physique Format Editor, you possibly can edit the design on the entrance finish utilizing the Divi Builder identical to you’d with a standard Divi web page.
Concerning the Template
This class web page template has a couple of dynamic parts that can work routinely together with:
- Class Web page Submit/Archive Title
- Submit Slider – shows the primary 3 posts for the present class web page in a slider.
- Weblog Module – shows posts for the present class web page. The put up restrict is 9 and has pagination.
Here’s a fast illustration that identifies the dynamic parts of the Residence Staging Class Web page Template.
Updating the Template’s Dynamic Parts
Class Web page Title
The Web page title is added utilizing a textual content module that shows the put up/archive title as dynamic content material. By default, the class web page title goes to be the title of the present class. However for this template, we added the phrase Articles after the class title. So, for instance, if you’re on a Enterprise class web page, the web page title will learn “Business Articles”.
To edit the title, open the settings for the textual content module, click on the gear icon to edit the dynamic ingredient, 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 positioning, there are going to be a number of weblog modules which can be set to show posts for the present web page. That is how the template shows the posts dynamically for every class web page.
You possibly can replace the remainder of the settings (like put up depend) to regulate the module parts and design. Nevertheless, be certain that to maintain 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 utilizing it stay by yourself web site. These parts are known as static as a result of they won’t replace dynamically.
E-mail Optin
To permit the E-mail Optin Module to indicate up in your design, you’ll must hyperlink an electronic mail account.
Replace Different Class Web page Static Content material
Different content material that isn’t going to alter dynamically needs to be up to date as effectively. These embrace all modules displaying textual content, hyperlinks, social media comply with icons, and so forth.
New Freebies Each Week!
We hope you’ve loved the Residence Staging Format Pack and the Class Web page Template freebie that goes together with it. We stay up for listening to your opinions within the remark part under. Be sure to examine again subsequent week for extra freebies!
The put up Obtain a FREE Class Web page Template for Divi’s Residence Staging Format Pack appeared first on Elegant Themes Weblog.