Hey Divi Nation! Thanks for becoming a member of us for the subsequent installment of our weekly Divi Design Initiative the place every week, we give away model new freebies. This time round we’re constructing upon the Marina Format Pack with a model new Class Web page Template that matches the remainder of pack completely. Hope you get pleasure from it!
Obtain The Class Web page Template For The Marina Format Pack
To put your fingers on the free Marina Class Web page Template, you’ll first must obtain it utilizing the button beneath. To realize entry to the obtain you’ll need to subscribe to our Divi Every day e-mail checklist by utilizing the shape beneath. As a brand new subscriber, you’ll obtain much more Divi goodness and a free Divi Format pack each Monday! In case you’re already on the checklist, merely enter your e-mail tackle beneath and click on obtain. You’ll not be “resubscribed” or obtain further emails.
@media solely 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 !vital; border-left-color: clear !vital; }.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:after { border-bottom-color: #ffffff !vital; border-left-color: clear !vital; }
}.et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !vital; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_fields i { coloration: #f92c8b !vital; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:earlier than { background: #f92c8b !vital; } .et_bloom .et_bloom_optin_1 .et_bloom_border_solid { border-color: #f7f9fb !vital } .et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !vital; } .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 type enter, .et_bloom .et_bloom_optin_1 .et_bloom_form_container type button span { font-family: “Open Sans”, Helvetica, Arial, Lucida, sans-serif; } p.et_bloom_popup_input { padding-bottom: 0 !vital;}
Obtain For Free
Be part of the Divi E-newsletter and we are going to e-mail you a replica of the last word Divi Touchdown Web page Format Pack, plus tons of different superb and free Divi assets, suggestions and tips. Comply with alongside and you can be a Divi grasp very quickly. If you’re already subscribed merely kind in your e-mail tackle beneath and click on obtain to entry the format pack.
You have got efficiently subscribed. Please examine your e-mail tackle to substantiate your subscription and get entry to free weekly Divi format packs!
Add The Template
Go to Divi Theme Builder
To add the template, navigate to the Divi Theme Builder within the backend of your WordPress web site.
Add Web site Template
Then, within the high proper nook, you’ll see an icon with two arrows. Click on on the icon.
Navigate to the import tab, add the JSON file that you could possibly obtain on this submit, and click on on ‘Import Divi Theme Builder Templates’.
Save Divi Theme Builder Adjustments
When you’ve uploaded the file, you’ll discover a brand new template with a brand new physique space that has been assigned to All Class Pages. Save the Divi Theme Builder modifications as quickly as you need the template to be activated.
Modify The Template
Open Class Web page Template Physique Format
To change the template’s components, begin by opening the template’s physique format.
Contained in the Physique Format Editor, you may edit the design on the entrance finish utilizing the Divi Builder similar to you’ll with a standard Divi web page.
Concerning the Template
This class web page template has a number of dynamic components that can work mechanically together with:
- Class Web page Put up/Archive Title
- Weblog Module #1 – shows the primary 4 posts for the present class web page.
- Weblog Module #2- features a 4 submit offset that shows subsequent posts (following the fourth) for the present class web page in a distinct format. The submit restrict is 12. If extra posts exists for the class the pagination hyperlink to point out older posts will seem.
Here’s a fast illustration that identifies the dynamic components of the Marina Class Web page Template.
Updating the Template’s Dynamic Parts
Class Web page Title
The Web page title is added utilizing a textual content module that shows the submit/archive title as dynamic content material. By default, the class web page title goes to be the title of the present class. However for this template, we added the phrase Articles after the class title. So, for instance, if you’re on a enterprise class web page, the web page title will learn “Business Articles”.
To edit the title, open the settings for the textual content module, click on the gear icon to edit the dynamic factor, 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 positioning, 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 shows the posts dynamically for every class web page.
You possibly can replace the remainder of the settings (like submit depend) to regulate the module components and design. Nevertheless, be sure that to maintain the choice Posts for Present Web page set to YES.
Put up Offsets
If multiple weblog module is used on the template, the submit offset choice is used at the side of the earlier weblog module to protect the order of dynamic posts by selecting up the place the earlier weblog module left off. For instance, if the earlier weblog module had a submit depend of 4, the subsequent weblog module can have a submit offset of 4 to show posts beginning at #5.
Hold this in thoughts when making updates to weblog modules’ submit depend and offsets.
Updating the Template’s Static Parts
Some components on a class web page template will want your quick consideration earlier than utilizing it dwell by yourself web site. These components are known as static as a result of they won’t replace dynamically.
E mail Optins
For this template, you’ll need to replace the e-mail opt-in modules.
To permit the E mail Optin Module to point out up in your design, you’ll must hyperlink an e-mail account to every choice module on the web page.
Replace Different Class Web page Static Content material
Different content material that isn’t going to alter dynamically ought to be up to date as effectively. These embrace all modules displaying textual content, hyperlinks, social media observe icons, and so on.
New Freebies Each Week!
We hope you’ve loved the Marina Format Pack and the Class Web page Template freebie that goes together with it. We look ahead to listening to your opinions within the remark part beneath. Be sure to examine again subsequent week for extra freebies!
The submit Obtain a FREE Class Web page Template for Divi’s Marina Format Pack appeared first on Elegant Themes Weblog.