Divi Theme Add Tool Tips Over An Image No Plugin

How to create your own custom tool tips over an image with the Divi Theme. In this video we will be showing how to easily do this using the inbuilt features of Divi. Today we will be demonstrating how to create this feature using the Divi Image Module and Divi Blurb Module.
So follow along with this video to see how to do this with your site.

In this video we will cover:

Adding An Image.
Adding A Blurb Module.
Sizing The Module.
Changing Size On Hover.
Positioning The Module.
Duplicating The Tool Tip.
Testing On Tablet And Phone

Join us in this series of videos where we explore the fantastic effects you can achieve with the Divi theme. With its versatile modules and effects, you can create eye-catching visuals that enhance the look and user experience of your website.

Using tooltips over an image offers several benefits that enhance user experience and improve the overall functionality of a website or application. Firstly, tooltips provide additional context and information about specific elements within an image, allowing users to gain deeper insights or clarification effortlessly. They enable designers to convey important details, such as labels, descriptions, or instructions, without cluttering the visual interface. Tooltips also enhance accessibility by providing text-based explanations for users who may have difficulty interpreting visual cues. Moreover, tooltips offer a sleek and non-intrusive way to deliver interactive content, engaging users and encouraging them to explore further. They contribute to a more intuitive and user-friendly interface, resulting in improved navigation and a more immersive browsing experience.

THEMES AND PLUGINS USED IN THESE VIDEOS:

MY YOUTUBE PLAYLISTS:

v=ZAO2MH0dQtk&list=PLqabIl8dx2wo8rcs-fkk5tnBDyHthjiLw

v=rNhjGUsnC3E&list=PLqabIl8dx2wq6ySkW_gPjiPrufojD4la9

Don't forget to drop any questions below, I will do my best to answer or make a video demo for you!

MY BLOG

CHAPTERS

00:00 Introduction
01:29 Adding An Image.
02:12 Adding A Blurb Module.
04:12 Sizing The Module.
05:41 Changing Size On Hover.
07:32 Positioning The Module.
09:50 Duplicating The Tool Tip.
13:45 Testing On Tablet And Phone.

Disclaimer: Some of these links are affiliate links where I'll earn a small commission if you make a purchase at no additional cost to you.

#YouTubeTips #WebDesignTips #FreeWebDesignTutorials #BuildYourOwnWebsite #Divi #elementor

[System]

Don't forget to drop any questions below, I will do my best to answer or make a video demo for you!

[bramelsheretan]

where were you when I first started using Divi... Amazing content and tutorials, thank you

[gerdmarieberger]

Great video, however i have a problem. The hover does not work on tablet and phone devices. How can i change it to be clickable on this devices? Thank you:)