Download a FREE Category Page Template for Divi’s Home Care Layout Pack

by | Dec 29, 2021 | Etcetera | 0 comments

Howdy 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 Home Care Layout Pack with a brand spanking new Class Web page Template that fits the remainder of pack completely. Hope you experience it!

divi layout

Take a look at Out The House Care
Class Web page Template Under

Get it for free today!

divi home care category page template

divi home care category page template

Obtain The Class Web page Template For The House Care Format Pack

To put your palms at the unfastened House Care Class Web page Template, you are going to first wish to obtain it the use of the button under. To achieve get entry to to the obtain it is very important subscribe to our Divi Day by day electronic mail listing by means of the use of the shape under. As a brand new subscriber, you are going to obtain much more Divi goodness and a unfastened Divi Format pack each and every Monday! Should you’re already at the listing, merely input your electronic mail deal with under and click on obtain. You’ll now not be “resubscribed” or obtain further emails.

.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:ahead of { border-top-color: #ffffff !necessary; } .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:ahead of, .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:ahead of { border-top-color: clear !necessary; border-left-color: #ffffff !necessary; }
@media simplest display screen and ( max-width: 767px ) {.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:ahead of { 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 { coloration: #f92c8b !necessary; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:ahead of { 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;}

You’ve got effectively subscribed. Please take a look at your electronic mail deal with to substantiate your subscription and get get entry to to unfastened weekly Divi structure packs!

Learn how to Add The Template

Pass to Divi Theme Builder

To add the template, navigate to the Divi Theme Builder within the backend of your WordPress site.

home care category page template

Add Site Template

Then, within the height proper nook, you’ll see an icon with two arrows. Click on at the icon.

home care category page template

Navigate to the import tab, add the JSON report that it’s good to obtain on this put up, and click on on ‘Import Divi Theme Builder Templates’.

home care category page template

Save Divi Theme Builder Adjustments

When you’ve uploaded the report, you’ll realize 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 need the template to be activated.

home care category page template

Learn how to Regulate The Template

Open Class Web page Template Frame Format

To change the template’s parts, get started by means of opening the template’s frame structure.

home care category page template

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

See also  Methods to Post your WordPress Website to Google Information

In regards to the Template

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

  • Class Web page Submit/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 posts (following the primary) for the present class web page in a special structure. The put up prohibit is 6 and has pagination.

Here’s a fast representation that identifies the dynamic parts of the House Care Class Web page Template.

divi home care category page template

Updating the Template’s Dynamic Components

Class Web page Name

The Web page name is added the use of a textual content module that shows the put up/archive name as dynamic content material. By means of default, the class web page name goes to be the identify of the present class. However for this template, we added the phrase Articles after the class name. So, as an example, if you’re 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 tools icon to edit the dynamic component, then replace the ahead of and after HTML as wanted.

divi home care category page template

divi home care category page template

Weblog Module(s)

Posts for Present Web page

Since this can be a template that has been assigned to all class pages for the website, there are going to be a number of weblog modules which might be set to show posts for the present web page. That is how the template shows the posts dynamically for each and every class web page.

divi home care category page template

You’ll be able to replace the remainder of the settings (like put up depend) to regulate the module parts and design. Then again, you should definitely stay the choice Posts for Present Web page set to YES.

See also  Gorgeous Christmas Cell Wallpapers
Submit Offsets

If a couple of weblog module is used at the template, the put up offset choice is used along with the former weblog module to maintain the order of dynamic posts by means of selecting up the place the former weblog module left off. As an example, if the former weblog module had a put up depend of one, the following weblog module can have a put up offset of one to show posts beginning at #2.

divi home care category page template

Stay this in thoughts when making updates to weblog modules’ put up depend and offsets.

Updating the Template’s Static Components

Some parts on a class web page template will want your instant consideration ahead of the use of it live to tell the tale your personal site. Those parts are known 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 on your design, you’ll wish to hyperlink an electronic mail account.

divi home care category page template

Replace Different Class Web page Static Content material

Different content material that isn’t going to switch dynamically will have to be up to date as neatly. Those come with all modules showing textual content, hyperlinks, social media observe icons, and many others.

divi home care category page template

New Freebies Each Week!

We are hoping you’ve loved the House Care Format Pack and the Class Web page Template freebie that is going along side it. We look ahead to listening to your reviews within the remark phase under. Remember to take a look at again subsequent week for extra freebies!

The put up Download a FREE Category Page Template for Divi’s Home Care Layout Pack gave the impression first on Elegant Themes Blog.

WordPress Maintenance Plans | WordPress Hosting

read more

0 Comments

Submit a Comment