It’s always fun to discover new and creative ways to engage users with your content using unique hover effects. One great way to do this is to reveal content on hover using expanding corner tabs. This allows the user to hover over a tab in the corner of a column or image to expand an […]
How to Change Content on Hover to Create Unique CTA’s in Divi (3 Ways)
Divi’s built-in hover options makes it easy to change the content of any module on hover. We can change background images, colors, and even text on hover. This opens the door for creative ways to grab the attention of users and boost those calls to action for better conversions. Today, we’ll be showing you how […]
How to Trigger Hover Effects for a Module, Column, and Row Simultaneously
One of the best things about building a site with Divi is that each building block is packed with design options. Every module, column, row, and section contains design settings for both the default and the hover state. This opens the door for triggering multiple hover effects when combining this elements together. In this tutorial, […]
How to Create a Spinning Menu Wheel on Hover
Creating a spinning menu wheel on hover is a fun way to showcase helpful links on your website. This would be a great way to provide multiple calls to action in a header to direct users where they need to go. And it would also be a cool sub category menu for your blog. In […]
Creating Pop Out Service Descriptions on Hover with Divi
Creating pop out service descriptions on hover can be an effective way to inform and engage users with additional information. Much like a tooltip, these pop out descriptions will reveal more info about your service on hover. But with Divi, you have the full suite of design tools available in the Divi builder to create […]
How to Create an Eye-Catching CTA in Divi with a Few Simple Hover Effects
Subtle interactions and hover effects can be useful for creating an eye-catching CTA (Call to Action). The trick is to use effects that make your CTA more attractive and intuitive so users are more likely to take action. And since the end goal of most CTAs is clicking a link or button, it is important […]
How to Recreate ET’s Layout Pack Previews with Fan-Out Hover Effects in Divi
One of the cool features of the new website design of elegantthemes.com is the premade layout pack previews on the Divi product page. What makes this design unique is how each layout pack is featured with three separate images that fan-out on hover. Today, we’re going to show you how to recreate the design of […]
Creating a “Get Started” CTA that Reveals Multiple Options on Hover
A lot of companies will include a “get started” CTA on there home page. It’s usually is the primary call to action on the page, since it will lead the user through some sort of intended process. It could be a simple “get started now” button that links to another page. Or it could be […]
How to Use Section Divider Height Hover Effects to Reveal Content in Divi
Section Dividers continue to be a popular Divi design element. There are many divider styles to choose from with helpful options that make it easy to add unique transitions and backgrounds to your page. In this tutorial, we are going to use section dividers a bit differently. Divi allows you to adjust the height and […]
How to Switch a Background Image with an Animated Gif on Hover
Switching a background image with an animated GIF on hover can be a great way to bring life to your content while also providing a cool illustration for products or services. For example, if you are promoting the features of a particular software product, an animated GIF can help illustrate aspects of the products functionality […]