Thanks to Divi's Hover options, we can set hover effects (styles) on any Divi element, such as Sections, Rows, Columns and Modules.
Definition: A Divi element is any of the following:
A Section
A Row
A Column
A Module
Using Divi's Hover option to add hover effects
Edit the element to which you want to create a hover effect
Enable the Hover state by hovering over the option name and clicking on the arrow icon
Make changes while the Hover state is active
Note: For the hover effect to work correctly, the Desktop State value should also be set.
Example: Changing the background color for a Column using the Hover Options
Open the Row that contains the column(s)
Open the Column's settings
Open the Background Option Group
Set a Background color (this will be used when the Column is in a Hovered state)
Enable the Hover state
Switch to Hover state
Change the Background color
