!Call Now! Button Desktop

Main Hospital 303-442-7033
Downtown Hospital 303-442-7036
Text us at 303-622-5718
Online Scheduling (optional)

!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.