S'UP?

[cleverwerewolfsalad]

Divi 5 Clamp() Explained – Responsive Layouts Without Breakpoints

In this video, we explore how to use the new clamp() function in Divi 5 to create fully responsive layouts without relying on traditional breakpoints. Clamp allows an element’s size to automatically adapt to the screen width using a single calculated value.

Instead of setting fixed widths like 1200px for desktop, 900px for tablet, and full width on mobile, clamp() lets Divi handle responsiveness fluidly across all screen sizes. This results in cleaner layouts, less manual tweaking, and a more modern design workflow.

We demonstrate how to calculate clamp values using a dedicated clamp calculator and then apply those values to Divi 5 rows and text modules. You’ll see exactly how clamp() works in real-world layouts and why it’s a game changer for responsive web design.

If you want smoother scaling, fewer breakpoints, and smarter responsive control in Divi 5, this tutorial is a must-watch.

[cleverwerewolfsalad]

Divi 5 Advanced Gallery Zoom Effect (No Plugin Required)

In this video, we create a stunning next-level gallery image zoom effect using the Divi 5 Gallery Module. This clean and modern hover effect instantly upgrades the look and feel of any image gallery.

We walk through the entire process step by step, starting with using browser inspector tools to identify the correct Divi gallery class names. From there, we add a small amount of simple CSS into the Gallery Module’s Free Form CSS tab to create a smooth and professional image zoom hover effect.

This technique works perfectly for portfolios, photography websites, product galleries, and creative layouts. No plugins are required, and everything stays lightweight, responsive, and fully compatible with Divi 5.

If you want to push Divi galleries beyond the basics and create eye-catching hover effects that feel premium, this tutorial is a must-watch.

[cleverwerewolfsalad]

Divi 5 Blend Modes Just Got Wild – 7 Free Effects You Can Download Now

Elegant Themes has just released 7 brand-new Blend Mode effects for Divi 5, and they’re completely free to download. In this video, we walk through how to download, install, and customize these stunning blended sections directly inside the Divi Builder.

These new Divi 5 blend mode sections are incredibly easy to work with and require absolutely no code. Using Divi’s built-in blend modes—available in every section, row, and module—you can instantly create modern, layered design effects that look custom-built.

We’ll show you how each blend mode works, how to tweak colors, images, and overlays, and how to adapt these free sections to your own websites in minutes. Whether you’re building landing pages, hero sections, or creative layouts, these Divi 5 blend mode effects are a huge design upgrade.

If you want better visuals, faster workflows, and free Divi resources, this is a must-watch.

[cleverwerewolfsalad]

Divi 5 Just Changed Everything – New Page Manager + Instant Preview

Divi 5 introduces a powerful new Page Manager and Instant Preview system that completely transforms how you build websites. In this video, we explore how the new Divi 5 Page Manager lets you add, delete, and clone pages, posts, and projects directly from inside the Divi Builder—without jumping back to the WordPress dashboard.

This new workflow is a massive time saver for designers, developers, and agencies working on complex sites. You can now manage your entire site structure from within the builder, making updates faster, cleaner, and far more efficient.

We also dive into the brand-new Instant Preview feature in Divi 5. With a single click, you can instantly preview your full page design without the Divi interface, in the same browser window. This gives you a true front-end view of your layout while staying in your workflow—no reloads, no new tabs, no interruptions.

If you want to build websites faster, preview designs instantly, and streamline your Divi workflow, these new Divi 5 features are total game changers.

[cleverwerewolfsalad]

Divi 5 Scrolling Text Flip Animations That Look INSANE (No Coding Required)

In this Divi 5 tutorial, we’ll show you how to create jaw-dropping scrolling text animations using only the built-in animation features of the Divi Theme — no custom code required.

You’ll learn how to build huge animated text that flips up and animates smoothly as users scroll down the page. These scrolling text effects are perfect for hero sections, landing pages, callouts, and modern web designs that demand attention.

We’ll walk through Divi 5’s animation settings step by step, including scroll triggers, transform effects, timing, and layout tips so your text looks bold, smooth, and professional on all devices. This technique works great for portfolios, agencies, product pages, and promotional websites.

If you want to level up your Divi designs with high-impact motion effects, this is a must-watch tutorial.

[cleverwerewolfsalad]

Divi 5 Scroll Animation – Huge Text That Moves as You Scroll

In this Divi 5 tutorial, we’ll show you how to create huge animated horizontal scrolling text that moves as you scroll down the page. The text alternates direction, sliding in from the left and right to create a bold, modern motion design effect.

This effect is built entirely using Divi 5’s inbuilt scroll animation features. No custom code, no JavaScript, and no plugins are required. We’ll walk through setting up the layout, scaling typography to a massive size, and configuring scroll effects to trigger smooth horizontal movement.

This technique is perfect for hero sections, section dividers, branding statements, and modern landing pages where typography plays a major visual role.

[cleverwerewolfsalad]

Make Stunning Horizontal Scrolling Text the EASY Way

In this tutorial, we’ll show you how to create an easy, eye-catching horizontal or vertical scrolling text list that works on almost any website. This method is incredibly simple and uses the classic HTML marquee tag with a few easy attributes to control direction, speed, and behavior.

We’ll demonstrate how to build an auto-scrolling text banner, how to switch between horizontal and vertical scrolling, and how to speed up or slow down the animation. While we’re using Divi 5 to demo this effect, the same technique works with most web builders, including Bootstrap layouts and plain HTML websites.

Best of all, this scrolling text method works across all modern browsers we’ve tested, making it a lightweight and reliable way to add motion and attention-grabbing content to your site.

[cleverwerewolfsalad]

Divi 5 Popup Tutorial – How to Make Long Popups Scroll

In this Divi 5 tutorial, we’ll show you how to make popups scroll properly on tablet and mobile devices. If you’ve ever created a popup with lots of content and found that it gets cut off on smaller screens, this video solves that problem completely.

We’ll use Divi 5 interactions to create the popup and close button, then apply a fixed height to the popup container and enable vertical scrolling using the Visibility settings. This ensures your popup content remains fully accessible on all devices without breaking the layout.

This technique is perfect for long forms, detailed content, terms and conditions, and any popup that needs to stay usable on mobile and tablet screens.

[cleverwerewolfsalad]

Divi 5 Free Downloads – Everything You Need to Get Started Fast

In this Divi 5 tutorial, we’ll show you where and how to download everything you need to get started with the Divi 5 theme. We’ll walk through a collection of free Divi 5 templates that help you build professional websites faster without starting from scratch.

These free downloads include headers, footers, email popup layouts, blog loop templates, CSS grid layouts, hotspot sections, carousel designs, and more. We’ll also demonstrate how to import each template into Divi 5 and customize it to match your brand using the visual builder.

If you’re new to Divi 5 or want a solid foundation of reusable layouts, this video will help you get set up quickly with proven design assets.

[cleverwerewolfsalad]

Divi 5 Background Masterclass – Colors, Gradients, Masks & Videos

In this Divi 5 tutorial, we explore all of the powerful background options available in the builder and how to combine them to create stunning visual effects. You’ll learn how to use background colors, gradients, videos, patterns, and masks to completely transform sections, rows, and modules.

We’ll also demonstrate how to mix and match different background types to add depth, contrast, and motion to your designs without using plugins or custom code. These techniques are perfect for hero sections, call-to-action areas, and modern layouts that need visual impact.

If you want to level up your Divi 5 designs and unlock creative background effects the easy way, this video will walk you through everything step by step.

[cleverwerewolfsalad]

Divi 5 Auto Zoom Slider – Create a Cinematic Full Width Hero

In this Divi 5 tutorial, we’ll show you how to build a full width slider with an automatic zoom effect that creates a cinematic Ken Burns–style animation. Each slide uses a background image that slowly zooms in over time, adding subtle motion and visual depth to your hero sections.

We’ll walk through setting up the full width slider in Divi 5, configuring background images, and writing a small amount of easy custom CSS animation code to achieve the smooth auto-zoom effect. No plugins are required, and the animation works seamlessly across slides.

This technique is perfect for hero sections, landing pages, portfolios, and modern websites where you want motion without distracting animations. The final slider is fully responsive, lightweight, and optimized for performance on all devices.

[cleverwerewolfsalad]

Divi 5 Free Table Designs – Download 7 Stunning Tables Instantly

In this Divi 5 tutorial, we’ll show you how to download, import, and customize one of seven free table designs provided by Elegant Themes. These professionally designed tables are perfect for pricing tables, comparison charts, feature lists, and structured content without relying on third-party plugins.

You’ll learn how to import the layouts into Divi 5, customize colors, typography, spacing, and borders, and adapt each table to match your website’s branding. We’ll also cover best practices for making tables responsive so they look great on desktop, tablet, and mobile devices.

If you’re using Divi 5 and want clean, flexible table designs that are fast, lightweight, and fully customizable, this video will walk you through everything step by step.

[cleverwerewolfsalad]

Divi 5 Flexbox Layouts Made Easy – Organize Modules Like a Pro

In this Divi 5 tutorial, we’ll show you how to organize your modules quickly and efficiently using the brand-new Flexbox layout system. Divi 5 introduces powerful flex controls that let you create modern, responsive layouts without writing any custom CSS.

You’ll learn how to use column-based flex layouts to align modules horizontally and vertically, control spacing, and change column spans on different devices. We’ll also demonstrate how flexbox makes it easy to reorder content for mobile, tablet, and desktop views while keeping your designs clean and consistent.

This method is perfect for feature grids, service sections, hero layouts, and any design where structure and responsiveness matter. Whether you’re new to Divi 5 or upgrading from Divi 4, this video will help you master the easiest way to organize modules using the new flex system.

[cleverwerewolfsalad]

8 Stunning Hover Effects You Can Build in Divi 5

In this Divi 5 tutorial, we’ll show you how to create 8 awesome hover effects using native Divi tools—no plugins and no custom JavaScript required. These effects are perfect for images, calls to action, portfolios, team sections, and interactive layouts.

You’ll learn how to create image-to-text spin effects, dropdown text reveals, black-and-white to color transitions, scrolling modules on hover, background blur effects, and multiple hover effects using Divi’s Theme Filters. We’ll also demonstrate how to create call-to-action overlays that slide or pop up over images, plus advanced multi-module hover effects using the Divi Group module.

These hover effects are easy to implement, fully responsive, and designed to work seamlessly in Divi 5.

[cleverwerewolfsalad]

Divi 5 Transparent Header That Changes to Gradient on Scroll

In this Divi 5 tutorial, you’ll learn how to create a custom header with a transparent background that transitions to a gradient background when the page is scrolled. This technique keeps menu items visible over different background colors while adding a modern, polished scroll effect.

We’ll walk through building the header using Divi 5, configuring scroll-based styles, and adjusting page layout using negative margins to account for the transparent header. You’ll also learn how to make the header fully responsive so it works smoothly across desktop, tablet, and mobile devices.

This setup is perfect for hero sections, landing pages, and modern websites built with Divi 5—without using plugins or custom JavaScript.

[cleverwerewolfsalad]

Stop Using Boring Forms! Get 7 FREE Divi 5 Contact Sections

In this Divi 5 tutorial, we’re giving you 7 free contact section layouts that you can download, import, and use on any Divi website. We’ll walk you through how to install the layouts, configure the contact form fields, and customize the design to match your brand.

You’ll also learn how to add these contact sections to any page or assign them to a global footer, allowing your contact form to appear automatically across your entire site. This is perfect for businesses, freelancers, and agencies using Divi 5 who want consistent lead generation without extra plugins.

By the end of this video, you’ll have multiple professional contact sections ready to deploy anywhere on your site using Divi 5’s Theme Builder and global layout features.

[cleverwerewolfsalad]

Divi 5 Loop System: Order Looped Items Exactly How You Want

In this Divi 5 tutorial, we’ll show you how to order your looped items exactly the way you want using the new Divi Loop System. You’ll learn how to build a simple menu using a Text module and dynamic content, then control the order of each item using the publish date.

This method gives you full control over the display order without plugins, custom code, or complex queries. It works perfectly for menus, blog posts, product loops, and any dynamic content powered by the Divi 5 Loop System.

If you want predictable, manual-style ordering while still using dynamic loops, this Divi 5 technique is a game changer.