Hi there Divi Nation! Thanks for turning into a member people for the next installment of our weekly Divi Design Initiative where each week, we give away emblem new freebies. This time spherical we’re construction upon the Home Care Layout Pack with a brand new Magnificence Internet web page Template that matches the rest of pack utterly. Hope you enjoy it!
Check out Out The Space Care
Magnificence Internet web page Template Beneath
Download The Magnificence Internet web page Template For The Space Care Layout Pack
To position your fingers on the unfastened Space Care Magnificence Internet web page Template, you’ll first wish to download it using the button beneath. To reach get entry to to the download you will need to subscribe to our Divi Day by day electronic mail tick list by the use of using the form beneath. As a brand spanking new subscriber, you’ll download a lot more Divi goodness and a unfastened Divi Layout pack every Monday! If you happen to’re already on the tick list, simply enter your electronic mail take care of beneath and click on on download. You’re going to no longer be “resubscribed” or download further emails.
@media highest show and ( max-width: 767px ) {.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:previous than { border-top-color: #ffffff !essential; border-left-color: transparent !essential; }.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:after { border-bottom-color: #ffffff !essential; border-left-color: transparent !essential; }
}.et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !essential; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_fields i { color: #f92c8b !essential; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:previous than { background: #f92c8b !essential; } .et_bloom .et_bloom_optin_1 .et_bloom_border_solid { border-color: #f7f9fb !essential } .et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !essential; } .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 !essential;}
Download For Free
Join the Divi E-newsletter and we will electronic mail you a reproduction of the ultimate Divi Landing Internet web page Layout Pack, plus lots of different superb and unfastened Divi property, tips and guidelines. Follow along and also you’ll be a Divi snatch in no time. If you are already subscribed simply kind in your electronic mail take care of beneath and click on on download to get entry to the layout pack.
You’ll have successfully subscribed. Please check out your electronic mail take care of to make sure your subscription and get get entry to to unfastened weekly Divi layout packs!
Recommendations on tips on how 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 internet website online.
Upload Website Template
Then, throughout the peak right kind corner, you’ll see an icon with two arrows. Click on on on the icon.
Navigate to the import tab, upload the JSON file that you must download in this post, and click on on on ‘Import Divi Theme Builder Templates’.
Save Divi Theme Builder Changes
When you’ve uploaded the file, you’ll notice a brand spanking new template with a brand spanking new body area that has been assigned to All Magnificence Pages. Save the Divi Theme Builder changes as soon as you need the template to be activated.
Recommendations on tips on how to Modify The Template
Open Magnificence Internet web page Template Body Layout
To modify the template’s portions, get began by the use of opening the template’s body layout.
Inside the Body Layout Editor, you’ll edit the design on the front end using the Divi Builder very similar to it’s possible you’ll with an extraordinary Divi internet web page.
Regarding the Template
This elegance internet web page template has a few dynamic portions that can artwork automatically along with:
- Magnificence Internet web page Publish/Archive Determine
- Blog Module 1 – presentations the principle post for the existing elegance internet web page.
- Blog Module 2 – includes a 1 post offset that presentations next posts (following the principle) for the existing elegance internet web page in a distinct layout. The post limit is 6 and has pagination.
Right here’s a quick illustration that identifies the dynamic portions of the Space Care Magnificence Internet web page Template.
Updating the Template’s Dynamic Elements
Magnificence Internet web page Determine
The Internet web page determine is added using a text module that presentations the post/archive determine as dynamic content material subject material. By means of default, the category internet web page determine is going to be the name of the current elegance. Alternatively for this template, we added the word Articles after the category determine. So, for example, in case you’re on a Trade elegance internet web page, the internet web page determine will be told “Trade Articles”.
To edit the determine, open the settings for the text module, click on at the gear icon to edit the dynamic part, then change the sooner than and after HTML as sought after.
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 website online, there are going to be quite a lot of blog modules which may also be set to turn posts for the existing internet web page. This is how the template presentations the posts dynamically for each elegance internet web page.
You’ll be capable of change the rest of the settings (like post depend) to keep watch over the module portions and design. However, you’ll wish to keep the selection Posts for Provide Internet web page set to YES.
Publish Offsets
If a few blog module is used on the template, the post offset chance is used in conjunction with the previous blog module to care for the order of dynamic posts by the use of deciding on up where the previous blog module left off. For instance, if the previous blog module had a post depend of 1, the next blog module could have a post offset of 1 to turn posts starting at #2.
Keep this in ideas when making updates to blog modules’ post depend and offsets.
Updating the Template’s Static Elements
Some portions on a category internet web page template will need your fast attention previous than using it live on your own internet website online. The ones portions are referred to as static because of they’ll no longer change dynamically.
E-mail Optin
To allow the E-mail Optin Module to show up in your design, you’ll wish to link an electronic mail account.
Change Other Magnificence Internet web page Static Content material subject material
Other content material subject material that isn’t going to change dynamically should be up to the moment as smartly. The ones include all modules appearing text, links, social media observe icons, and plenty of others.
New Freebies Every Week!
We hope you’ve liked the Space Care Layout Pack and the Magnificence Internet web page Template freebie this is going at the side of it. We look forward to being attentive to your reviews throughout the observation phase beneath. You’ll need to try once more next week for additonal freebies!
The post Download a FREE Category Page Template for Divi’s Home Care Layout Pack appeared first on Elegant Themes Blog.
Contents
- 1 Check out Out The Space Care Magnificence Internet web page Template Beneath
- 2 Download The Magnificence Internet web page Template For The Space Care Layout Pack
- 3 Download For Free
- 4 You’ll have successfully subscribed. Please check out your electronic mail take care of to make sure your subscription and get get entry to to unfastened weekly Divi layout packs!
- 5 Recommendations on tips on how to Upload The Template
- 6 Recommendations on tips on how to Modify The Template
- 7 New Freebies Every Week!
- 8 Construction and optimizing Revolutionary Internet Apps (PWA) with WordPress
- 9 Developing Your Logo Voice: A Whole Information
- 10 Let’s Talk About Divi 5.0 And The Future Of Divi
0 Comments