Good day Divi Country! Thank you for becoming a member of us for the following installment of our weekly Divi Design Initiative the place every week, we give away logo new freebies. This time round we’re construction upon the Marina Layout Pack with a brand spanking new Class Web page Template that fits the remainder of pack completely. Hope you experience it!

divi layout

Test Out The Marina
Class Web page Template Beneath

Get it for free today!

divi marina category page template

divi marina category page template

Obtain The Class Web page Template For The Marina Format Pack

To put your arms at the unfastened Marina Class Web page Template, you’ll first want to obtain it the usage of the button under. To realize get right of entry to to the obtain it is important to subscribe to our Divi Day by day electronic mail listing by way of the usage of the shape under. As a brand new subscriber, you’ll obtain much more Divi goodness and a unfastened Divi Format pack each Monday! When 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 additional emails.

.et_bloom .et_bloom_optin_1 .et_bloom_form_content { background-color: #4843d2 !vital; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container .et_bloom_form_header { background-color: #ffffff !vital; } .et_bloom .et_bloom_optin_1 .carrot_edge .et_bloom_form_content:prior to { border-top-color: #ffffff !vital; } .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:prior to, .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:prior to { border-top-color: clear !vital; border-left-color: #ffffff !vital; }
@media most effective display screen and ( max-width: 767px ) {.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:prior to { 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 { shade: #f92c8b !vital; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:prior to { 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 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 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 !vital;}

Download For Free

Obtain For Loose

Sign up for the Divi E-newsletter and we can electronic mail you a duplicate of without equal Divi Touchdown Web page Format Pack, plus lots of alternative superb and unfastened Divi assets, guidelines and tips. Apply alongside and you’ll be a Divi grasp very quickly. In case you are already subscribed merely sort on your electronic mail deal with under and click on obtain to get right of entry to the format pack.

You may have effectively subscribed. Please test your electronic mail deal with to verify your subscription and get get right of entry to to unfastened weekly Divi format packs!

How you can Add The Template

Cross to Divi Theme Builder

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

Category Page Template for Divi's Marina Layout Pack

Add Web site Template

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

Category Page Template for Divi's Marina Layout Pack

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

Category Page Template for Divi's Marina Layout Pack

Save Divi Theme Builder Adjustments

When you’ve uploaded the document, you’ll realize a brand new template with a brand new frame house that has been assigned to All Class Pages. Save the Divi Theme Builder adjustments once you wish to have the template to be activated.

marina category page template

How you can Alter The Template

Open Class Web page Template Frame Format

To switch the template’s components, get started by way of opening the template’s frame format.

marina category page template

Throughout the Frame Format Editor, you’ll edit the design at the entrance finish the usage of the Divi Builder similar to you could with a typical Divi web page.

Concerning the Template

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

  • Class Web page Put up/Archive Identify
  • Weblog Module #1 – presentations the primary 4 posts for the present class web page.
  • Weblog Module #2- features a 4 put up offset that presentations subsequent posts (following the fourth) for the present class web page in a unique format. The put up prohibit is 12. If extra posts exists for the class the pagination hyperlink to turn older posts will seem.

Here’s a fast representation that identifies the dynamic components of the Marina Class Web page Template.

divi marina category page template

Updating the Template’s Dynamic Parts

Class Web page Identify

The Web page name is added the usage of a textual content module that presentations 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, for instance, in case you are on a trade class web page, the web page name will learn “Trade Articles”.

To edit the name, open the settings for the textual content module, click on the equipment icon to edit the dynamic component, then replace the prior to and after HTML as wanted.

divi marina 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 web page, there are going to be a number of weblog modules which are set to show posts for the present web page. That is how the template presentations the posts dynamically for every class web page.

divi marina category page template

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

Put up Offsets

If a couple of weblog module is used at the template, the put up offset possibility is used along with the former weblog module to keep the order of dynamic posts by way of choosing up the place the former weblog module left off. As an example, if the former weblog module had a put up depend of four, the following weblog module may have a put up offset of four to show posts beginning at #5.

divi marina category page template

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

Updating the Template’s Static Parts

Some components on a class web page template will want your fast consideration prior to the usage of it continue to exist your individual web site. Those components are known as static as a result of they’re going to now not replace dynamically.

E mail Optins

For this template, it is important to replace the e-mail opt-in modules.

To permit the E mail Optin Module to turn up on your design, you’ll want to hyperlink an electronic mail account to every possibility module at the web page.

divi marina category page template

divi marina category page template

Replace Different Class Web page Static Content material

Different content material that isn’t going to modify dynamically must be up to date as neatly. Those come with all modules exhibiting textual content, hyperlinks, social media apply icons, and many others.

divi marina category page template

New Freebies Each Week!

We are hoping you’ve loved the Marina Format Pack and the Class Web page Template freebie that is going together with it. We sit up for listening to your reviews within the remark segment under. You should definitely test again subsequent week for extra freebies!

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

WordPress Web Design

[ continue ]