This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Change Image on Hover

Open 1 reply customizationpluginplugin-page-builder
[email protected]
5 years ago · Last reply by Andrew Misplon 5 years ago

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!

Quinn

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Andrew Misplon Staff 5 years, 8 months ago

    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.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread