Divi 5 makes it easy to turn records by some means that is clean, scannable, and easy to check. In this loose pack, you’ll to find 7 Styled Massive Record Sections, designed for products and services and merchandise, serve as breakdowns, step-by-step processes, schedules, specs, and other data-heavy content material subject matter. Drop one onto any internet web page, transfer the text, and you are ready to move. No further setup required.
Preview
Proper right here’s a handy guide a rough take a look in any respect 7 Styled Massive Record Sections included inside the pack. The download is further down the submit.
Download 7 Styled Massive Record Sections For Divi 5
Get all 7 sections totally free. Import them into your Divi Library and add them to any internet web page inside the Visual Builder.
@media most effective computer screen 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 !necessary; border-left-color: transparent !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: transparent !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 { shade: #f92c8b !necessary; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:previous than { 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 powerful { 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 powerful, .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 !necessary;}
Download For Free
Join the Divi Newsletter and we can e-mail you a duplicate of the ultimate Divi Landing Internet web page Construction Pack, plus numerous choice very good and loose Divi belongings, tips and strategies. Apply along and also you’ll be a Divi snatch in no time. In case you’re already subscribed simply sort for your e-mail take care of beneath and click on on download to get right to use the structure pack.
You’ve were given successfully subscribed. Please check your e-mail take care of to ensure your subscription and get get right to use to loose weekly Divi structure packs!
What’s Built-in (8 Exports)
After you purchased and unzip the record, you’ll to find 7 Styled Massive Record Section exports, plus 1 record containing all designs.
Styled – Massive Record Section 1 to 7 (7) → Seven massive tick list segment layouts for products and services and merchandise, choices, steps, and comparisons, that incorporates trendy typography, clear row building, and polished “be told further” styling.
Styled – Massive Record Sections (All) → Imports all designs for your Divi Library at once.
How To Use The Styled Massive Record Sections
Keep your download folder handy. We’ll import, then add a work to a internet web page.
1. Import Sections Into The Divi Library
Go to Divi → Divi Library. Click on on Import & Export at the top of your computer screen.
Inside the Import & Export Layouts modal, switch to the Import tab, then click on on Make a choice Record and select your JSON.
Make a choice any Styled Massive Record Section JSON you want to use, then click on on Import Divi Builder Layouts.
2. Add A Styled Massive Record Section To Any Internet web page
Open a internet web page inside the Visual Builder and add a brand spanking new Section.
Inside the Insert Section modal, click on on Add From Library and select a Styled Massive Record Section structure.
Finally, click on on Use This Section.
3. Alternate The Content material subject matter
As quickly because the segment is on the internet web page, converting the placeholder content material subject matter takes just a few clicks. Get began by the use of updating the title and supporting text so visitors understand what the tick list covers.
Next, click on on each tick list products and alter the placeholder labels, descriptions, or metadata (comparable to dates or circumstances). Change the item titles first, then the supporting text to stick the hierarchy consistent.
If you want to add or remove tick list items, replica an products module (or the row body of workers used for each products), then change the text. Keep spacing and alignment consistent so scanning stays simple.
4. Regulate Varieties (Not obligatory)
You’ll merely are compatible the ones massive lists for your emblem by the use of updating typography, colors, borders, spacing, and background therapies.
To modify typography, open any Text or Heading Module and move to the Design tab. Magnify the Text dropdown menu to keep watch over Font, Font Weight, Text Alignment, and Text Color. If your structure includes a segment title, change the Heading Module to stick hierarchy clear.
To refine the tick list products look, adjust dividers, borders, and products spacing. Open the module controlling the item container (or the mother or dad row) and use the Design tab to tweak Border Width, Border Color, Border Radius, and Padding.
For zebra striping or highlighted items, change the background colors of alternating rows. This improves readability and makes long lists easier to scan.
If your tick list incorporates buttons or “be told further” links, style them inside the Design tab so primary actions stand out while secondary actions stay visible alternatively quieter.
Use Divi’s structure settings to keep watch over Flex properties, comparable to alignment and spacing, specifically when refining how numbers, titles, and right-aligned actions behave on smaller displays.
Tips For Environment friendly Massive Lists
Massive lists art work easiest once they’re easy to scan and easy to understand. Use the ones speedy wins to stick your sections clear and useful.
Get began With Clear Labels
Each products title should briefly be in contact what it’s. Keep labels transient and dependable so visitors can scan the tick list without effort.
Use Visual Hierarchy
Emphasize what problems most—numbers, products titles, or a featured line—the usage of font weight, spacing, and gentle difference. This guides attention without making the segment actually really feel busy.
Keep Alignment Consistent
Align equivalent content material subject matter the equivalent method. For instance, left-align titles and descriptions, and right-align actions like “Be informed Additional.” Consistent alignment improves scanning.
Plan For Mobile
On smaller displays, long strains and multi-column layouts can actually really feel cramped. Consider stacking secondary details beneath each title, shortening labels, or reducing the selection of right-side actions so the whole thing stays readable.
Prioritize Readability
Use generous padding, clear dividers, and a line top that’s top enough so tick list items don’t blur together. If visitors want to art work to be told it, they’re going to skip it.
Get began Building In Divi 5 Lately!
The ones 7 Styled Massive Record Sections get a hold of a handy guide a rough method to be able to upload polished, scannable content material subject matter blocks to provider pages, serve as breakdowns, pricing pages, schedules, and additional. Alternate the content material subject matter, adjust the styling, and in addition you’ll have a clean segment structure that fits your website in minutes with Divi 5‘s Visual Builder.
The submit 7 Huge Listing Sections For Divi 5 (Unfastened Obtain!) gave the impression first on Sublime Subject matters Weblog.
0 Comments