Home>Support>Change Image on Hover

Change Image on Hover

Hello Forum!

Just wondering if anyone knows the best way to change and image upon hovering on it using the siteorigin page builder. I’ve tried assigning the image to a class/div and tweaking the CSS manually and no success though it could be due to my lack of experience. Any insight would help!


This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 1 month, 6 days ago Andrew Misplon Hi, I Work Here

    Hi Quinn

    Thanks for reaching out.

    Two possible methods come to mind:

    1. Add the image using a background and then override it using :hover.
    2. Add two HTML images and then selectively display them based on :hover using CSS.

    You could use a Custom HTML widget and add two images.

    Due to resource limitations, our free support scope is limited to basic usage and troubleshooting. Unfortunately, we can’t go much further with this question here on the forums. If you’re using SiteOrigin Premium, please, email our helpdesk on [email protected] so we can assist further.

Please log in to post on our forums. Signing up is free.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More