Image Rollover Effect in Wix


Outside of the Hoverbox beta or Rollover app, it IS possible to setup images in Wix that have a transparent rollover color to indicate that they are linked or open larger.

To add an image rollover effect to ANY image in Wix, just follow these easy steps:

  1. Simply add an image to your Wix page in the editor

  2. Click on the image to see the image menu icon options, and click on the Design paintbrush icon

  3. In the Image Frame Design box, click on "Customize Design" at bottom

  4. Choose the second layout example in this panel (the one with the cursor over it), this will give your image a rollover hover color – once you choose this design, you can then choose the color and transparency level in the Hover state of the image settings.

This is better than using the Rollover Image Effects app as I just wanted something subtle (a shift in color) to indicate that the image is linked. See screenshots below for details.


As a website designer and graphic designer, I love sharing great tips and tools that make designing easier. As part of my website design services, I train clients on how to update their websites or to do their own SEO (search engine optimization), so I post many of these tips for my clients to train them how to use Wix and other tools to keep their website up-to-date. Keeping websites current is the best way to get found and to keep people coming back to your website. 
 

Check out all my Design & SEO tips and resources in my blog

Reach out with questions or for a free design estimate:

© 2020 Pickle-Wix Web Design located in Denver, Colorado