Divi 5 makes it easy to construct daring hero sections and headline spaces that really feel intentional, balanced, and on emblem. On this loose pack, you’ll get 5 styled Huge Textual content Sections — each and every crafted with sturdy typography, transparent hierarchy, and versatile layouts so you’ll be able to plug for your personal content material in seconds. Drop one onto any web page, change 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 have a look at all 5 Huge Textual content Sections incorporated within the pack. The obtain is additional down the put up.

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.

Download the Files

.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:earlier than { border-top-color: #ffffff !vital; } .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 !vital; border-left-color: #ffffff !vital; }
@media best display screen 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 { shade: #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 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;}

See also  search engine marketing Step-by-Step Instructional: 8 Simple Fundamentals for Rookies to Grasp

Obtain For Unfastened

Sign up for the Divi E-newsletter and we can electronic mail you a replica of without equal Divi Touchdown Web page Format Pack, plus heaps of different wonderful 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 kind for your electronic mail deal with underneath and click on obtain to get entry to the format pack.

DOWNLOAD

You might have effectively subscribed. Please take a look at your electronic mail deal with to verify your subscription and get get entry to to loose weekly Divi format packs!

What’s Incorporated (6 Exports)

After you obtain and unzip the document, you’ll in finding 5 Huge Textual content Phase exports + 1 document containing all designs.

Styled — Huge Textual content Sections (5) → Daring hero-style layouts with delicate typography, picture pairings, and robust distinction, waiting to make use of as-is or adapt with your personal presets and Design Variables. Best beginning issues for touchdown web page headers, portfolio intros, function highlights, testimonials, and editorial-style hero sections.

Styled — Huge Textual content Phase (All) → Imports all designs on your Divi Library.

How To Use The Huge Textual content Sections

Stay your obtain folder to hand — we’ll import, then upload a bit to a web page.

1. Import Sections Into The Divi Library

Pass to Divi → Divi Library. Click on Import & Export on the height of your display screen.

Within the Import & Export Layouts modal, transfer to the Import tab, then click on Select Document and choose 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 Phase To Any Web page

Open a web page within the Visible Builder and upload a brand new Phase.

Within the Insert Phase modal, click on Upload From Library and choose a Huge Textual content format.

After all, click on Use This Phase.

3. Change The Content material

As soon as the Phase is at the web page, changing the placeholder content material takes only a few clicks.

Click on without delay on any Textual content Module to edit the heading, subheading, frame textual content, or button textual content in actual time.

To interchange pictures, open the Symbol settings by means 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 Pictures or Gradients, pass to Phase 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 Kinds (Non-compulsory)

Even if each and every Phase is already styled for you, you’ll be able to alternate colours and types to check your emblem. Listed here are a couple of fast tricks to customise the format with out breaking the design.

To switch fonts, open any of the Textual content or Heading modules at the Phase and pass to the Design tab. Make bigger 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, alter the width and max-width homes to extend or lower the content material to fit your personal tastes.

Use Divi’s Format settings to regulate Flex homes, reminiscent of Horizontal and Vertical Hole, Format Course, or Format Wrapping.

Upload results, reminiscent of textual content shadows, animations, or scroll results for added aptitude.

Pointers For Efficient Huge Textual content Designs

Small possible choices upload up. Listed here are fast wins to stay your massive textual content sections transparent and impactful.

Prioritize Hierarchy

Use dimension, 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 putting massive textual content over pictures, gradients, or cast colours, be certain that there’s sufficient distinction for clarity. Use Divi 5’s Background choices so as to add overlays or gradients in the back of textual content, maintaining your message legible and available.

Use Constant Typography

Prohibit your self to a small set of font households and weights. Blending too many types makes the hero really feel chaotic. Should you’re the use of Design Variables for fonts, attach your headings and frame textual content to these variables so adjustments keep constant around the web page.

Stability Textual content And Imagery

Decide whether or not your format is text-first or image-first, and design accordingly. Use imagery to strengthen the message — no longer compete with it. Align focal issues for your pictures with the course of your textual content to steer the attention in the course of the design.

Use Movement Flippantly

When the use of movement, delicate hover or divulge results are sufficient. Keep away from heavy parallax or frenetic animations in 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 an alternative 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 along with your present design device. 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 put up 5 Large Text Designs For Divi 5 (Free Download!) gave the impression first on Elegant Themes Blog.

read more