Whats up Divi Nation! Thanks for turning into a member folks for the next installment of our weekly Divi Design Initiative where each week, we give away brand new freebies. This time spherical we’re building upon the Artificial Intelligence Layout Pack with a brand new Elegance Internet web page Template that matches the rest of the pack totally. Hope you experience it!
Check Out The Artificial Intelligence
Elegance Internet web page Template Underneath
Download The Elegance Internet web page Template For The Artificial Intelligence Construction Pack
To position your fingers on the free Artificial Intelligence Elegance Internet web page Template, you’re going to first wish to download it the use of the button underneath. To appreciate get right to use to the download you will need to subscribe to our Divi Day-to-day e-mail tick list by the use of the use of the form underneath. As a brand spanking new subscriber, you’re going to procure a lot more Divi goodness and a free Divi Construction pack each Monday! In the event you’re already on the tick list, simply enter your e-mail deal with underneath and click on on download. You will not be “resubscribed” or download further emails.
@media most straightforward computer screen and ( max-width: 767px ) {.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:previous to { border-top-color: #ffffff !important; border-left-color: transparent !important; }.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:after { border-bottom-color: #ffffff !important; border-left-color: transparent !important; }
}.et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !important; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_fields i { colour: #f92c8b !important; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:previous to { background: #f92c8b !important; } .et_bloom .et_bloom_optin_1 .et_bloom_border_solid { border-color: #f7f9fb !important } .et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !important; } .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 form input, .et_bloom .et_bloom_optin_1 .et_bloom_form_container form button span { font-family: “Open Sans”, Helvetica, Arial, Lucida, sans-serif; } p.et_bloom_popup_input { padding-bottom: 0 !important;}
Download For Free
Join the Divi Newsletter and we will e-mail you a duplicate of the ultimate Divi Landing Internet web page Construction Pack, plus a number of other superb and free Divi property, guidelines and strategies. Follow along and also you’re going to be a Divi grab in no time. In case you’re already subscribed simply type for your e-mail deal with underneath and click on on download to get right to use the construction pack.
You could have successfully subscribed. Please check your e-mail deal with to make sure your subscription and get get right to use to free weekly Divi construction packs!
Recommendations on the right way to Upload The Template
Move to Divi Theme Builder
So as to add the template, navigate to the Divi Theme Builder throughout the backend of your WordPress web page.
Upload Internet web page Template
Then, throughout the height correct corner, you’ll see an icon with two arrows. Click on on on the icon.
Navigate to the import tab, upload the JSON record that that you simply will have to download in this post, and click on on on ‘Import Divi Theme Builder Templates’.
Save Divi Theme Builder Changes
In case you’ve uploaded the record, you’ll notice a brand spanking new template with a brand spanking new body space that has been assigned to All Elegance Pages. Save the Divi Theme Builder changes as soon as you want the template to be activated.
Recommendations on the right way to Alter The Template
Open Elegance Internet web page Template Body Construction
To modify the template’s elements, get began by the use of opening the template’s body construction.
Right through the Body Construction Editor, you’ll edit the design on the front end the use of the Divi Builder just like you in all probability can with a normal Divi internet web page.
Regarding the Template
This elegance internet web page template has a few dynamic elements that may art work automatically along with:
- Elegance Internet web page Publish/Archive Establish
- Blog Module – displays the posts for the prevailing elegance internet web page. The post prohibit is 6 and has pagination.
Right here’s a quick illustration that identifies the dynamic elements of the Artificial Intelligence Elegance Internet web page Template.
Updating the Template’s Dynamic Portions
Elegance Internet web page Establish
The Internet web page title is added the use of a text module that displays the post/archive title as dynamic content material subject matter. Thru default, the category internet web page title is going to be the identify of the current elegance. Then again for this template, we added the word Articles after the category title. So, as an example, if you are on a Trade elegance internet web page, the internet web page title will be informed “Trade Articles”.
To edit the title, open the settings for the text module, click on at the apparatus icon to edit the dynamic section, then exchange the previous to and after HTML as sought after.
Blog Module(s)
Posts for Provide Internet web page
Since it is a template that has been assigned to all elegance pages for the internet web page, there are going to be numerous blog modules which will also be set to turn posts for the prevailing internet web page. This is how the template displays the posts dynamically for each elegance internet web page.
You’ll be capable to exchange the rest of the settings (like post rely) to keep watch over the module elements and design. Then again, you’ll wish to keep the selection Posts for Provide Internet web page set to YES.
Updating the Template’s Static Portions
Some elements on a category internet web page template will need your fast attention previous to the use of it live to tell the tale your own web page. The ones elements are known as static on account of they’ll not exchange dynamically.
Electronic message Optin
To allow the Electronic message Optin Module to show up for your design, you’ll wish to link an e-mail account.
Change Other Elegance Internet web page Static Content material subject matter
Other content material subject matter that isn’t going to change dynamically must be up to the moment as smartly. The ones include all modules displaying text, links, social media follow icons, and plenty of others.
New Freebies Each Week!
We hope you’ve beloved the Artificial Intelligence Construction Pack and the Elegance Internet web page Template freebie this is going along with it. We look ahead to taking note of your opinions throughout the commentary phase underneath. Remember to check once more next week for added freebies!
The post Download a FREE Category Page Template for Divi’s Artificial Intelligence Layout Pack appeared first on Elegant Themes Blog.
Contents
- 1 Check Out The Artificial Intelligence Elegance Internet web page Template Underneath
- 2 Download The Elegance Internet web page Template For The Artificial Intelligence Construction Pack
- 3 Download For Free
- 4 You could have successfully subscribed. Please check your e-mail deal with to make sure your subscription and get get right to use to free weekly Divi construction packs!
- 5 Recommendations on the right way to Upload The Template
- 6 Recommendations on the right way to Alter The Template
- 7 New Freebies Each Week!
- 8 Tips on how to Upload Textual content on Most sensible of an Symbol in WordPress (3 Strategies)
- 9 40+ Cool Attention-grabbing Internet sites You Must Know
- 10 Methods to Mass Rename Information in macOS
0 Comments