Divi 5 makes it easy to create bold, editorial-style sections that use typography as the main visual element. In this free pack, you’ll get 7 Chopped Text Designs that are perfect for hero sections, landing pages, portfolio intros, product launches, architecture websites, creative agencies, editorial layouts, event pages, and more.
Each design uses oversized text, cropped letterforms, layered imagery, strong contrast, grid-based spacing, and modern type treatments to create striking sections that feel custom and high-impact. Import a section, replace the content, update the imagery, and you’re ready to go.
Preview
Here’s a quick look at the 7 Chopped Text Designs included in the pack. The download is further down the post.
Download 7 Chopped Text Designs For Divi 5
Get all 7 designs for free. Import them into your Divi Library and add them to any page in the Visual Builder.
What’s Included (8 Exports)
After you download and unzip the file, you’ll find 7 styled Chopped Text Section exports, plus 1 file containing all layouts.
Styled – Chopped Text Section 1 to 7 (7) → Seven fully styled chopped text section layouts with oversized typography, cropped text treatments, layered images, bold contrast, structured content areas, buttons, and clean spacing that you can use as-is or customize.
Styled – Chopped Text Sections (All) → Imports all 7 designs into your Divi Library at once.
How To Use The Chopped Text Designs
Keep your download folder handy. We’ll import the files, add a section to a page, and then replace the content.
1. Import Sections Into The Divi Library
Go to Divi → Divi Library. Click Import & Export at the top of the screen.
In the Import & Export Layouts modal, switch to the Import tab, then click Choose File and select your JSON file. Choose any Chopped Text Section JSON you’d like to use, then click Import Divi Builder Layouts.
2. Add A Chopped Text Section To Any Page
Open a page in the Visual Builder and add a new Section.
Click Add From Library and select one of your Chopped Text sections.
3. Swap The Content
Once the section is on the page, replacing the placeholder content only takes a few clicks. Start by updating the oversized headline text, supporting copy, labels, buttons, links, captions, stats, service details, and calls to action so the design matches your brand and message. Then swap in your own background images, featured photos, logos, icons, or supporting visuals as needed.
Because chopped text designs rely on oversized typography, cropping, alignment, and image placement, it’s best to replace content one area at a time. This helps preserve the relationship between the headline, supporting text, imagery, grid lines, buttons, and negative space as you customize the layout.
If your new headline is longer or shorter than the original, review the layout immediately after editing. Oversized text can wrap differently, crop at different points, or shift the balance of the section. Adjust font size, line height, letter spacing, module width, or spacing as needed to keep the chopped effect intentional.
If you want to expand or simplify a section, duplicate or remove existing rows, columns, groups, text modules, image modules, buttons, or content blocks rather than rebuilding the design from scratch. That’s the easiest way to preserve the original structure, spacing, and visual rhythm.
4. Adjust Styles (Optional)
These Chopped Text Designs are already styled, so you can use them right away or refine them to better match your site. Update typography, colors, image treatments, overlays, borders, spacing, backgrounds, buttons, and layout sizing as needed using the settings in the Design tab.
To change typography, open any Text or Heading module and go to the Design tab. Expand the relevant text settings to adjust Font, Font Weight, Text Alignment, Text Color, Text Size, Letter Spacing, Line Height, and more.
To refine the chopped effect, open the section, row, column, group, or text module you want to adjust and use the Content, Design, and Advanced tabs to tweak Sizing, Spacing, Transform, Position, Overflow, Background, Border, and Box Shadow settings.
If your section uses cropped headlines, image overlays, monochrome photos, grid lines, split columns, high-contrast colors, or stacked text blocks, keep those relationships in mind as you edit so the composition remains intentional, readable, and balanced.
Use Divi’s responsive editing tools to fine-tune text size, cropping, line height, image position, stacking, spacing, and button placement on smaller screens so the layout stays polished across devices.
Tips For Effective Chopped Text Designs
Chopped text sections work best when the typography feels bold but still readable. Use these quick tips to keep your sections dramatic, polished, and easy to customize.
Keep The Main Headline Short
Oversized text needs room to breathe. Short headlines usually work best because they allow the chopped effect to feel intentional without making the section hard to read.
Use Cropping With Purpose
The chopped effect should add visual energy without hiding too much of the message. Crop enough to create impact, but leave enough of the letterforms visible so visitors can understand the headline quickly.
Balance Big Type With Supporting Content
Large typography can dominate a section quickly. Pair it with concise supporting copy, clear labels, and simple buttons so the layout has both visual impact and useful information.
Choose Images That Support The Type
Many chopped text designs use imagery behind, beside, or underneath the headline. Choose photos with strong contrast, clear composition, and enough open space so the type and image work together instead of competing.
Check The Layout On Mobile
Chopped text designs can change noticeably on tablet and phone screens as oversized headings wrap and images crop differently. Review your layout on smaller devices to ensure the headline remains readable, the cropped effect still works, and calls to action stay easy to tap.
Start Building In Divi 5 Today!
These 7 Chopped Text Designs give you a fast way to build bold, editorial-style sections for hero areas, landing pages, portfolios, product launches, creative agencies, architecture websites, event pages, and more. Swap in your content, customize the styling if needed, and you’ll have a dramatic typography-focused section ready in minutes with Divi 5’s Visual Builder.
Leave A Reply