Hello 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 brand-new freebies. This time round we’re construction upon the Tattoo Shop Layout Pack with a brand spanking new Class Web page Template that fits the remainder of the pack completely. Hope you revel in it!

Desktop View

Pill and Cellular

Obtain The Class Web page Template For The Tattoo Store Structure Pack

To put your palms at the loose Tattoo Store Class Web page Template, you’re going to first wish to obtain it the usage of the button under. To realize get entry to to the obtain it is important to subscribe to our Divi Day by day electronic mail checklist via the usage of the shape under. As a brand new subscriber, you’re going to obtain much more Divi goodness and a loose Divi Structure pack each Monday! In case you’re already at the checklist, merely input your electronic mail cope with under and click on obtain. You’re going to now not be “resubscribed” or obtain additional emails.

Download the Files

.et_bloom .et_bloom_optin_1 .et_bloom_form_content { background-color: #4843d2 !essential; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container .et_bloom_form_header { background-color: #ffffff !essential; } .et_bloom .et_bloom_optin_1 .carrot_edge .et_bloom_form_content:earlier than { border-top-color: #ffffff !essential; } .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:earlier than, .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:earlier than { border-top-color: clear !essential; border-left-color: #ffffff !essential; }
@media most effective 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 !essential; border-left-color: clear !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: clear !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 { coloration: #f92c8b !essential; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:earlier 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 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 !essential;}

See also  Divi Meetup Community Update: April 2023

Obtain For Unfastened

Sign up for the Divi E-newsletter and we will be able to electronic mail you a replica of without equal Divi Touchdown Web page Structure Pack, plus heaps of alternative wonderful and loose Divi sources, pointers and methods. Practice alongside and you’re going to be a Divi grasp very quickly. If you’re already subscribed merely sort to your electronic mail cope with under and click on obtain to get entry to the format pack.

DOWNLOAD

You’ve gotten effectively subscribed. Please test your electronic mail cope with to substantiate your subscription and get get entry to to loose weekly Divi format packs!

Easy methods to Add The Template

Move to Divi Theme Builder

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

Add Site Template

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

Navigate to the import tab, add the JSON report that you must obtain on this publish, and click on on ‘Import Divi Theme Builder Templates’.

Save Divi Theme Builder Adjustments

If you’ve uploaded the report, you’ll understand 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 wish to have the template to be activated.

Easy methods to Adjust The Template

Open Class Web page Template Frame Structure

To switch the template’s components, get started via opening the template’s frame format.

Within the Frame Structure Editor, you’ll edit the design at the entrance finish the usage of the Divi Builder similar to you could possibly with a regular Divi web page.

In regards to the Template

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

• Class Web page Put up/Archive Name: As this template is assigned to all classes, this Text Module will robotically replace to mirror the title of the class
• Put up Slider: We use a Post Slider Module to turn the primary 3 posts that display up throughout the class
• Fresh Posts Grid: A Blog Module showcases the 9 subsequent posts throughout the present class

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

Updating the Template’s Dynamic Parts

Weblog-Similar Modules: Put up Slider and Weblog

Put up Slider Incorporated Classes

This template will show on all class pages for the website. As such, there are going to be a number of weblog modules which are set to show posts for the present web page. For this tattoo store template, we’ve a Put up Slider Module and a Weblog Module. That is how the template presentations the posts dynamically for each and every class web page.

You’ll be able to replace the remainder of the settings (like publish depend) to regulate the module components and design. On the other hand, remember to stay the choice of Incorporated Class to Present Class.

Put up Offsets and the Weblog Module

As we’ve a couple of weblog module on this template (The Put up Slider Module and the Weblog Module), the publish offset possibility is used together with the former weblog module to maintain the order of dynamic posts via selecting up the place the former weblog module left off. As an example, if the ultimate weblog module had a publish depend of one, the following weblog module can have a publish offset of one to show posts beginning at #2.

In our case, the Put up Slider Module presentations 3 posts. So, we set a Put up Offset Collection of 3 inside our Weblog Module. We actually have a Put up Rely of 9 in our grid. Stay this in thoughts when making updates to weblog modules’ publish depend and offsets.

Updating the Tattoo Store Template’s Static Parts

Miscellaneous Modules

Different content material that isn’t going to modify dynamically can obtain updates as neatly. Those come with all modules showing textual content, hyperlinks, social media apply icons, and so forth. For our template, we’ve a piece that serves as a choice to motion. Be sure that you replace the textual content, buttons, or even footage inside to check your model.

New Freebies Each and every Week!

We are hoping you’ve loved the Tattoo Store Structure Pack and the Class Web page Template freebie that is going together with it. We look ahead to listening to your critiques within the remark segment under. Remember to test again subsequent week for extra freebies!

The publish Download a FREE Category Page Template for Divi’s Tattoo Shop Layout Pack gave the impression first on Elegant Themes Blog.

read more