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.

Image hover using page builder with Influence Theme

Open 1 reply general
craigmaiden
10 years ago · Last reply by Magus 10 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.

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Magus Staff 10 years, 8 months ago

    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.

Have a different question or issue?

Start New Thread