Call Us! Button

Call Us! 301-475-7808

Request an Appointment Button

Request an Appointment!
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.