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 logo new freebies. This time round we’re development 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 Format Pack

To put your palms at the unfastened Synthetic Intelligence Class Web page Template, you’ll first want to obtain it the use of the button under. To realize get right of entry to to the obtain it is very important subscribe to our Divi Day-to-day electronic mail record by way of the use of the shape under. As a brand new subscriber, you’ll obtain much more Divi goodness and a unfastened Divi Format pack each Monday! When you’re already at the record, merely input your electronic mail cope with under and click on obtain. You’re going to now not be “resubscribed” or obtain additional 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 best 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 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;}

See also  SE Ranking Review: Feature-Rich & Affordable? (2024)

Obtain For Unfastened

Sign up for the Divi E-newsletter and we will be able to electronic mail you a duplicate of without equal Divi Touchdown Web page Format Pack, plus heaps of alternative superb and unfastened Divi assets, pointers and tips. Practice alongside and you’ll be a Divi grasp very quickly. If you’re already subscribed merely kind for your electronic mail cope with under and click on obtain to get right of entry to the format pack.

DOWNLOAD

You’ve gotten effectively subscribed. Please take a look at your electronic mail cope with to substantiate your subscription and get get right of entry to to unfastened weekly Divi format 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 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 record that you might want to obtain on this submit, and click on on ‘Import Divi Theme Builder Templates’.

Save Divi Theme Builder Adjustments

Whenever you’ve uploaded the record, you’ll understand 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 wish to have the template to be activated.

Tips on how to Adjust The Template

Open Class Web page Template Frame Format

To change the template’s parts, get started by way of opening the template’s frame format.

Throughout the Frame Format Editor, you’ll be able to edit the design at the entrance finish the use of the Divi Builder identical to you may with an ordinary Divi web page.

In regards to the Template

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

• Class Web page Put up/Archive Name
• Weblog Module – presentations 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 parts of the Synthetic Intelligence Class Web page Template.

Updating the Template’s Dynamic Components

Class Web page Name

The Web page identify is added the use of a textual content module that presentations the submit/archive identify as dynamic content material. Through 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 web site, 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 presentations the posts dynamically for each and every class web page.

You’ll be able to replace the remainder of the settings (like submit rely) to regulate the module parts and design. Alternatively, you’ll want to stay the choice Posts for Present Web page set to YES.

Updating the Template’s Static Components

Some parts on a class web page template will want your rapid consideration earlier than the use of it continue to exist your individual site. Those parts are referred to as static as a result of they are going to now not replace dynamically.

E-mail Optin

To permit the E-mail Optin Module to turn up for your design, you’ll want to hyperlink an electronic 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 smartly. Those come with all modules showing textual content, hyperlinks, social media observe icons, and so on.

New Freebies Each and every Week!

We are hoping you’ve loved the Synthetic Intelligence Format Pack and the Class Web page Template freebie that is going along side it. We stay up for listening to your reviews within the remark phase under. You should definitely take a look at again subsequent week for extra freebies!

The submit Download a FREE Category Page Template for Divi’s Artificial Intelligence Layout Pack seemed first on Elegant Themes Blog.

read more