!Header Buttons Right Side

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.

  • All
  • Cats
  • Dogs
  • Uncategorized
Cute ginger kitten with a neck scarf

Fluffy’s Cutest Holiday Traditions

The holiday hustle and bustle has officially begun! As you prepare for the year’s events,…
Read More
Dog with brown head standing on HOME rug

Guests And Pets

The holidays are coming up quick! Many of you will be hosting more visitors than…
Read More
White and brownish guinea pig having a hair brush

Long-Haired Guinea Pigs

Did you know that Guinea pigs are the third most popular pet in many places,…
Read More
1 2 3 43