Posts

8 Circular Element Designs For Divi 5 (Free Download!)

Image
Divi 5 makes it easy to create bold, graphic sections that use shape, contrast, and composition to guide attention. In this free pack, you’ll get 8 Circular Element Designs for Divi 5 that are perfect for hero sections, landing pages, portfolio layouts, agency websites, creative studios, product highlights, interaction design sections, travel pages, and more. Each design uses circular shapes, image masks, layered content, strong color contrast, typography, and structured spacing to create modern sections with a distinct visual rhythm. Import a section, replace the content, update the images, and you’re ready to go. Preview Here’s a quick look at the 8 Circular Element Designs included in the pack. The download is further down the post. Download 8 Circular Element Designs For Divi 5 Get all 8 sections for free. Import them into your Divi Library and add them to any page in the Visual Builder. Download the Files ...
Post a Comment
Read more

How To Create Vertical Text Layouts With Divi 5’s Text Direction Settings

Image
Vertical text used to require custom CSS in Divi. You either had to add a writing-mode snippet, rotate an entire module with transform settings, or fake the effect with an image. Each method worked, but each one also introduced layout issues that usually took more time to fix than the effect was worth. Divi 5 now includes Text Direction settings that let text flow vertically with one click. The text remains real text, the typography controls still work, and the layout can be adjusted visually inside the builder. In this post, we’ll cover where the Text Direction settings live, what each direction mode does, and what changes once text starts flowing vertically. Then we’ll build a full vertical text header step by step and look at two more layout examples that use the same setting at different scales. What Are Text Direction Settings In Divi 5? Text Direction is a typography setting in Divi 5 that controls the axis your text follows. By default, text runs horizontally from left t...
Post a Comment
Read more

How To Build An Email Popup In Divi 5

Image
Email popups are one of the most direct ways to grow your subscriber list. Used well, they catch attention at the right moment, make the offer clear, and get out of the way. Building one that actually looks good and behaves the way you want is the harder part. The popup needs its own design space, the form needs to connect to your email list, the timing needs to feel intentional, and visitors need a clear way to dismiss it. Divi 5 gives you the tools to build that workflow visually. With Canvases , the updated form modules , Interactions , Design Variables, and form field focus styling, you can create email popups without relying on a separate popup plugin or writing custom JavaScript. In this tutorial, we’ll look at why email popups work, which Divi 5 features make them possible, and how to build two popup styles from scratch: a centered modal popup and a minimalist corner popup. Why Are Email Popups Effective? Popups have a bad reputation, and some of that reputation is earned. ...
Post a Comment
Read more