Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
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
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
:hoverusing 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.