Home > Tips and Tricks > How to change image on hover action

How to change image on hover action

First you need to have the URL that leads to your logo image.

Once you have that, you have to edit css file from Advanced settings > step 2. For more details please check article How to edit Main CSS

Add the following code to the bottom of Main CSS:

div#~gallery_div~ .ze_imagelist li a div.ze_overlay {
background-image: url(URL);
background-position: center center;
background-repeat: no-repeat;
}

NOTE: Instead of URL add the path to your logo image.




Start Now »

SOLUTIONS FOR

GET A DEMO
FREE TRIAL

FEATURES

LEARN & SUPPORT

COMPANY

Need a ride up?