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 emblem new freebies. This time round we’re construction upon the Stone Factory Layout Pack with a brand spanking new Class Web page Template that fits the remainder of the pack completely. Hope you experience it!
Obtain The Class Web page Template For The Stone Manufacturing facility Structure Pack
To put your arms at the unfastened Stone Manufacturing facility Class Web page Template, you are going to first wish to obtain it the usage of the button beneath. To achieve get right of entry to to the obtain it is important to subscribe to our Divi Day-to-day e mail checklist through 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! When you’re already at the checklist, merely input your e mail cope with beneath and click on obtain. You’ll no longer be “resubscribed” or obtain additional emails.
@media most effective 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 !vital; border-left-color: clear !vital; }.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:after { border-bottom-color: #ffffff !vital; border-left-color: clear !vital; }
}.et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !vital; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_fields i { coloration: #f92c8b !vital; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:earlier than { background: #f92c8b !vital; } .et_bloom .et_bloom_optin_1 .et_bloom_border_solid { border-color: #f7f9fb !vital } .et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !vital; } .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 !vital;}
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 heaps of alternative wonderful and unfastened Divi sources, guidelines and methods. Observe alongside and you are going to be a Divi grasp very quickly. If you’re already subscribed merely kind for your e mail cope with beneath and click on obtain to get right of entry to the format pack.
You may have effectively subscribed. Please take a look at your e mail cope with to verify your subscription and get get right of entry to to unfastened weekly Divi format packs!
How one can Add The Template
Cross to Divi Theme Builder
To add the template, navigate to the Divi Theme Builder within the backend of your WordPress site.
Add Website online Template
Then, within the peak proper nook, you’ll see an icon with two arrows. Click on at the icon.
Navigate to the import tab, add the JSON report that you should obtain on this put up, and click on on ‘Import Divi Theme Builder Templates’.
Save Divi Theme Builder Adjustments
If you’ve uploaded the report, 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.
How one can Regulate The Template
Open Class Web page Template Frame Structure
To change the template’s components, get started through opening the template’s frame format.
Within 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 could possibly with a typical Divi web page.
Concerning the Template
This class web page template has a couple of dynamic components that may paintings robotically together with:
- Class Web page Put up/Archive Name
- Weblog Module 1 – shows the primary put up for the present class web page.
- Weblog Module 2 – features a 1 put up offset that shows subsequent put up (following the primary) for the present class web page in a distinct format. The put up prohibit is 6 and has pagination.
- Weblog Module 3 – features a 2 put up offset that shows the following posts (following the second one) for the present class web page in a distinct format. The put up prohibit is 6 and has pagination.
Here’s a fast representation that identifies the dynamic components of the Stone Manufacturing facility Class Web page Template.
Updating the Template’s Dynamic Components
Class Web page Name
The Web page identify is added the usage of a textual content module that shows the put up/archive identify as dynamic content material. Via 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 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 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 are set to show posts for the present web page. That is how the template shows the posts dynamically for every class web page.
You’ll replace the remainder of the settings (like put up rely) to regulate the module components and design. Alternatively, remember to stay the choice Posts for Present Web page set to YES.
Put up Offsets
If a couple of weblog module is used at the template, the put up offset possibility is used along with the former weblog module to keep the order of dynamic posts through choosing up the place the former weblog module left off. For instance, if the former weblog module had a put up rely of one, the following weblog module can have a put up offset of one to show posts beginning at #2.
Stay this in thoughts when making updates to weblog modules’ put up rely and offsets.
Updating the Template’s Static Components
Some components on a class web page template will want your fast consideration earlier than the usage of it survive your individual site. Those components are known as static as a result of they are going to no longer replace dynamically.
Electronic mail Optin
To permit the Electronic mail Optin Module to turn up for your design, you’ll wish to hyperlink an e mail account.
New Freebies Each Week!
We are hoping you’ve loved the Stone Manufacturing facility Structure Pack and the Class Web page Template freebie that is going at the side of it. We look ahead to listening to your reviews within the remark phase beneath. You’ll want to take a look at again subsequent week for extra freebies!
The put up Download a FREE Category Page Template for Divi’s Stone Factory Layout Pack gave the impression first on Elegant Themes Blog.
WordPress Web Design