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].
Hi,
I am using influence for my wordpress site and was wondering if there was a way to add a hover or mouse over effect on images that have been placed using the Siteorigin image widget through page builder.
Hi Craigmaiden
You can apply some basic effects like adding a box-shadow or altering the size or opacity of the image.
To do this you will need some way to add custom CSS to your site. If you do not already have a method I would recommend this plugin.
https://wordpress.org/plugins/simple-custom-css/
Navigate to your preferred CSS Editor and add the following
.so-widget-image:hover { opacity: 0.8; box-shadow: 0px 0px 10px #ccc; -moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; }You can add any allowed hover effect to this element.
Let us know how you get on
Magus