FB Pixel

!Call Now! Button Tablet

(920) 261-4020 Online Booking

!Call Now! Button Desktop

Call Now! (920) 261-4020 Online Booking

!Call Now! Icon

How to add hover to images in Duda.co

September 10, 2021

Duda does not provide a widget to do this natively, but it can be achieved quite easily with a few lines of CSS code.

You can add the main image as the background of a column, for example:

Then you can take the URL of the hover image and copy it.

Now go to the column and edit the CSS.

Now copy and paste the existing CSS rule:

In the new rule, you will add :hover to the selector, and change the background image URL to the one we copied before, like this:

After that, you hit Update and Bob’s your uncle!

Leave a comment if you have any question 🙂

The post How to add hover to images in Duda.co appeared first on Nelito.