Obtain a FREE Class Web page Template for Divi’s Convention Format Pack

by | Oct 21, 2022 | Etcetera | 0 comments

Hiya Divi Creators! Thanks for changing into a member folks for the next installment of our weekly Divi Design Initiative where each week, we give away logo new freebies. This time spherical we’re building upon the Divi Convention Format Pack with a brand new Magnificence Internet web page Template that matches the rest of the pack totally. Hope you enjoy it!

Divi Conference Category Page Layout for Desktop

 

Divi Conference Category Page Layout for Tablet and Mobile

 

Download The Magnificence Internet web page Template For The Divi Conference Layout Pack

To place your palms on the loose Divi Conference Magnificence Internet web page Template, you’ll first need to download it the usage of the button underneath. To comprehend get entry to to the download you will need to subscribe to our newsletter by way of the usage of the form underneath. As a brand spanking new subscriber, you’ll download a lot more Divi goodness and a loose Divi Layout pack every Monday! In the event you occur to’re already on the tick list, simply enter your email take care of underneath and click on on download. You’ll not be “resubscribed” or download additional emails.

.et_bloom .et_bloom_optin_1 .et_bloom_form_content { background-color: #4843d2 !crucial; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container .et_bloom_form_header { background-color: #ffffff !crucial; } .et_bloom .et_bloom_optin_1 .carrot_edge .et_bloom_form_content:quicker than { border-top-color: #ffffff !crucial; } .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:quicker than, .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:quicker than { border-top-color: transparent !crucial; border-left-color: #ffffff !crucial; }
@media perfect show and ( max-width: 767px ) {.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:quicker than { border-top-color: #ffffff !crucial; border-left-color: transparent !crucial; }.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:after { border-bottom-color: #ffffff !crucial; border-left-color: transparent !crucial; }
}.et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !crucial; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_fields i { coloration: #f92c8b !crucial; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:quicker than { background: #f92c8b !crucial; } .et_bloom .et_bloom_optin_1 .et_bloom_border_solid { border-color: #f7f9fb !crucial } .et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !crucial; } .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 strong { 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 strong, .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 !crucial;}

You’ve successfully subscribed. Please take a look at your email take care of to verify your subscription and get get entry to to loose weekly Divi construction packs!

Learn the way to Upload The Template

Transfer to Divi Theme Builder

So as to add the template, navigate to the Divi Theme Builder inside the backend of your WordPress website.

Opening the Divi Theme Builder to Import the Divi Conference Category Layout

Upload Website online Template

Then, inside the top correct corner, you’ll see an icon with two arrows. Click on on on the icon.

Opening the import export functionality of the Divi Theme Builder

Navigate to the import tab, upload the JSON file that that you simply should download in this publish, and click on on on ‘Import Divi Theme Builder Templates’.

Save Divi Theme Builder Changes

Each time you’ve uploaded the file, you’ll perceive a brand spanking new template with a brand spanking new body house that has been assigned to All Magnificence Pages. Save the Divi Theme Builder changes as soon as you need the template to be activated.

Save the imported category page layout within the Divi Theme Builder

Learn the way to Alter The Template

Open Magnificence Internet web page Template Body Layout

To switch the template’s portions, get began by way of opening the template’s body construction.

See also  How To Streamline Your WordPress Site Management Tasks

Start the process for editing the Divi Conference Category Page Layout

Inside the Body Layout Editor, you’ll edit the design on the front end the usage of the Divi Builder very similar to it is advisable to with a normal Divi internet web page.

In regards to the Template

This elegance internet web page template has a few dynamic portions that may artwork mechanically along side:

  • Magnificence Internet web page Publish/Archive Identify
  • Blog Module 1: Displays the newest publish during the made up our minds on elegance. This module has the admin label of Featured Blog Publish
  • Blog Module 2: Displays the next six most recent posts during the make a choice elegance. Includes a 1 publish offset (it doesn’t include the newest publish in this module because it’s showcased during the featured blog publish module.

Right here’s a quick illustration that identifies the dynamic portions of the Divi Conference Magnificence Internet web page Template.

Showing the modules that automatically populate with content within the Divi Conference Category Layout

Updating the Template’s Dynamic Elements

Magnificence Internet web page Identify

The Internet web page title is added the usage of a text module that displays the publish/archive title as dynamic content material subject matter. By the use of default, the category internet web page title is going to be the name of the current elegance.

Dynamic category title within the page title section

Blog Module(s)

Posts for Provide Internet web page

Since this is a template that has been assigned to all elegance pages for the internet web page, there are going to be a lot of blog modules which could be set to turn posts for the existing internet web page. This is how the template displays the posts dynamically for each elegance internet web page.

See also  Is the Attainable Recession Already Impacting Shopper Spending Behavior? [New Data + Takeaways for Marketers]

How the featured post section is updated dynamically with Divi's dynamic fields feature

You’ll exchange the rest of the settings (like publish rely) to control the module portions and design. Alternatively, be mindful to stick the selection Posts for Provide Internet web page set to YES.

Publish Offsets

If a couple of blog module is used on the template, the publish offset selection is used in conjunction with the previous blog module to stay the order of dynamic posts by way of deciding on up where the previous blog module left off. For example, if the previous blog module had a publish rely of 1, the next blog module will have a publish offset of 1 to turn posts starting at #2.

Editing the second blog post module with the category's latest posts

Keep this in ideas when making updates to blog modules’ publish rely and offsets.

New Freebies Each Week!

We hope you’ve liked the Divi Conference Layout Pack and the Magnificence Internet web page Template freebie this is going together with it. We sit down up for paying attention to your evaluations inside the observation phase underneath. You’ll need to take a look at once more next week for added freebies!

The publish Obtain a FREE Class Web page Template for Divi’s Convention Format Pack appeared first on Sublime Topics Weblog.

WordPress Web Design

[ continue ]

WordPress Maintenance Plans | WordPress Hosting

read more

0 Comments

Submit a Comment

DON'T LET YOUR WEBSITE GET DESTROYED BY HACKERS!

Get your FREE copy of our Cyber Security for WordPress® whitepaper.

You'll also get exclusive access to discounts that are only found at the bottom of our WP CyberSec whitepaper.

You have Successfully Subscribed!