Howdy 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 Artificial Intelligence 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 Synthetic Intelligence Structure Pack
To put your palms at the unfastened Synthetic Intelligence Class Web page Template, you’re going to first want to obtain it the usage of the button under. To realize get admission to to the obtain it is important to subscribe to our Divi Day by day e mail checklist by means of the usage of the shape under. As a brand new subscriber, you’re going to obtain much more Divi goodness and a unfastened Divi Structure pack each and every Monday! In case you’re already at the checklist, merely input your e mail cope with under and click on obtain. You are going to now not be “resubscribed” or obtain additional emails.
@media simplest display screen 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 !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:prior to { 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;}
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. Practice alongside and you’re going to be a Divi grasp very quickly. If you’re already subscribed merely sort on your e mail cope with under and click on obtain to get admission to the structure pack.
You may have effectively subscribed. Please test your e mail cope with to verify your subscription and get get admission to to unfastened weekly Divi structure packs!
Tips on how to Add The Template
Cross to Divi Theme Builder
To add the template, navigate to the Divi Theme Builder within the backend of your WordPress website online.
Add Web page 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 that you must obtain on this submit, and click on on ‘Import Divi Theme Builder Templates’.
Save Divi Theme Builder Adjustments
If you’ve uploaded the report, you’ll realize 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.
Tips on how to Adjust The Template
Open Class Web page Template Frame Structure
To change the template’s components, get started by means of opening the template’s frame structure.
Throughout the Frame Structure Editor, you’ll edit the design at the entrance finish the usage of the Divi Builder identical to you possibly can with a typical Divi web page.
Concerning the Template
This class web page template has a couple of dynamic components that can paintings mechanically together with:
- Class Web page Submit/Archive Identify
- Weblog Module – shows the posts for the present class web page. The submit restrict is 6 and has pagination.
Here’s a fast representation that identifies the dynamic components of the Synthetic Intelligence Class Web page Template.
Updating the Template’s Dynamic Parts
Class Web page Identify
The Web page name is added the usage of a textual content module that shows the submit/archive name as dynamic content material. Through default, the class web page name goes to be the title of the present class. However for this template, we added the phrase Articles after the class name. So, for instance, in case you are on a Industry class web page, the web page name will learn “Industry Articles”.
To edit the name, open the settings for the textual content module, click on the equipment icon to edit the dynamic part, then replace the prior to 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 web page, 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’ll be able to replace the remainder of the settings (like submit depend) to regulate the module components and design. Alternatively, you’ll want to stay the choice Posts for Present Web page set to YES.
Updating the Template’s Static Parts
Some components on a class web page template will want your speedy consideration prior to the usage of it continue to exist your individual website online. Those components are referred to as static as a result of they’ll now not replace dynamically.
Electronic mail Optin
To permit the Electronic mail Optin Module to turn up on 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 modify dynamically will have to be up to date as neatly. Those come with all modules exhibiting textual content, hyperlinks, social media observe icons, and many others.
New Freebies Each and every Week!
We are hoping you’ve loved the Synthetic Intelligence Structure Pack and the Class Web page Template freebie that is going along side it. We stay up for listening to your critiques within the remark segment under. Make sure to test again subsequent week for extra freebies!
The submit Download a FREE Category Page Template for Divi’s Artificial Intelligence Layout Pack gave the impression first on Elegant Themes Blog.
WordPress Web Design