Divi 5 makes it easy to construct daring hero sections and headline spaces that really feel intentional, balanced, and on logo. On this loose pack, you’ll get 5 styled Huge Textual content Sections — every crafted with robust typography, transparent hierarchy, and versatile layouts so you’ll plug for your personal content material in seconds. Drop one onto any web page, switch the textual content and imagery, and also you’re waiting to move. No further setup required.
Preview
Right here’s a handy guide a rough take a look at all 5 Huge Textual content Sections integrated within the pack. The obtain is additional down the submit.
Subscribe To Our Youtube Channel
Obtain 5 Styled Huge Textual content Sections For Divi 5
Get all 5 sections free of charge. Import them into your Divi Library and upload them to any web page within the Visible Builder.
@media handiest 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 !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:prior to { 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 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 !essential;}
Obtain For Loose
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 different superb and loose Divi assets, pointers and methods. Apply alongside and you are going to be a Divi grasp very quickly. In case you are already subscribed merely sort for your electronic mail cope with under and click on obtain to get entry to the format pack.
You’ve effectively subscribed. Please test your electronic mail cope with to verify your subscription and get get entry to to loose weekly Divi format packs!
What’s Integrated (6 Exports)
After you obtain and unzip the report, you’ll to find 5 Huge Textual content Segment exports + 1 report containing all designs.
Styled — Huge Textual content Sections (5) → Daring hero-style layouts with subtle typography, picture pairings, and robust distinction, waiting to make use of as-is or adapt with your personal presets and Design Variables. Best possible beginning issues for touchdown web page headers, portfolio intros, function highlights, testimonials, and editorial-style hero sections.
Styled — Huge Textual content Segment (All) → Imports all designs in your Divi Library.
How To Use The Huge Textual content Sections
Stay your obtain folder at hand — we’ll import, then upload a piece to a web page.
1. Import Sections Into The Divi Library
Cross to Divi → Divi Library. Click on Import & Export on the peak of your display screen.
Within the Import & Export Layouts modal, transfer to the Import tab, then click on Select Report and make a selection your JSON.
Select any Huge Textual content format JSON you wish to have to make use of, then click on Import Divi Builder Layouts.
2. Upload A Huge Textual content Segment To Any Web page
Open a web page within the Visible Builder and upload a brand new Segment.
Within the Insert Segment modal, click on Upload From Library and make a selection a Huge Textual content format.
In spite of everything, click on Use This Segment.
3. Change The Content material
As soon as the Segment is at the web page, changing the placeholder content material takes only some clicks.
Click on at once on any Textual content Module to edit the heading, subheading, frame textual content, or button textual content in actual time.
To exchange photographs, open the Symbol settings by way of navigating to the Content material tab of that module. Click on Symbol → Add or make a selection a picture out of your Media Library.
For Background Photographs or Gradients, pass to Segment settings → Content material tab → Background tab and drop for your personal picture or alternate Gradient Stops.
Buttons and CTAs are already styled, simply replace the hyperlink and textual content.
4. Alter Types (Not obligatory)
Even though every Segment is already styled for you, you’ll alternate colours and types to compare your logo. Listed below are a couple of fast tricks to customise the format with out breaking the design.
To modify fonts, open any of the Textual content or Heading modules at the Segment and pass to the Design tab. Extend the Textual content or Heading dropdown menu to modify the Heading Stage, Font, Font Taste, Textual content Alignment, or Textual content Colour with a few clicks.
To regulate sizing, adjust the width and max-width homes to extend or lower the content material to fit your personal tastes.
Use Divi’s Structure settings to regulate Flex homes, reminiscent of Horizontal and Vertical Hole, Structure Route, or Structure Wrapping.
Upload results, reminiscent of textual content shadows, animations, or scroll results for additonal aptitude.
Guidelines For Efficient Huge Textual content Designs
Small possible choices upload up. Listed below are fast wins to stay your massive textual content sections transparent and impactful.
Prioritize Hierarchy
Use measurement, weight, and spacing to obviously distinguish your primary headline from supporting strains. On smaller displays, stay headings concise and transfer secondary main points into smaller textual content to steer clear of overwhelming the format.
Thoughts Your Distinction
When hanging massive textual content over photographs, gradients, or cast colours, make sure that there may be sufficient distinction for clarity. Use Divi 5’s Background choices so as to add overlays or gradients at the back of textual content, retaining your message legible and out there.
Use Constant Typography
Restrict your self to a small set of font households and weights. Blending too many types makes the hero really feel chaotic. If you happen to’re the usage of Design Variables for fonts, attach your headings and frame textual content to these variables so adjustments keep constant around the website.
Steadiness Textual content And Imagery
Decide whether or not your format is text-first or image-first, and design accordingly. Use imagery to toughen the message — now not compete with it. Align focal issues for your photographs with the course of your textual content to steer the attention during the design.
Use Movement Frivolously
When the usage of movement, delicate hover or disclose results are sufficient. Keep away from heavy parallax or frenetic animations at the back of massive blocks of textual content. Believe mild fades, slide-ins, or minimum hover states on CTAs so the movement helps the message as a substitute of distracting from it.
Get started Construction In Divi 5 Lately
Those 5 styled Huge Textual content Sections supply daring, production-ready hero designs that seamlessly combine together with your current design gadget. Use them for touchdown web page headers, portfolio intros, function highlights, or editorial hero sections — and stay iterating with Divi 5‘s trendy equipment.
The submit 5 Huge Textual content Designs For Divi 5 (Loose Obtain!) gave the impression first on Chic Issues Weblog.
WordPress Web Design