Home>Support>Image hover using page builder with Influence Theme

Image hover using page builder with Influence Theme

By craigmaiden, 9 years ago. Last reply by Magus, 9 years ago.

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.

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

  1. 9 years, 4 months ago Magus
    Hi, I Work Here

    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

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More