Wordpress Column Hover Effect

There are cases where Wordpress Themes or visual composer doesn't allow to add hover effect on columns. Suppose you have divided your row in 3 different section and now you want when user will put mouse on a column it will change its background color.

To do this we need to add a class in the columns. When you click on the edit column icon from the visual composer at the bottom you can see a text box labeled "Extra Class name". Just put a name over there which you need to call later on in the custom css.

Now in theme custom css, call the class as ".column1" (i have used column1 as the class name )

Now here is the code you need to use

.column1:hover {
    background-color: rgba(61,118,41,0.4);
}

Ready to go, Just save it and refresh you page . Let me know if you have any question