Home>Support>Image hover effect for specific images.

Image hover effect for specific images.

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 guys I want to add a simple opacity change when I hover over certain images on a site I’m building.
I was wondering if there is a specific CSS class I can add or if there is something I can do in CSS styles just to have the image darken slightly on mouse hover.

I tried:

.so-widget-image:hover {
opacity: 0.8;
}

but this makes all the images on my site have the hover effect which I don’t want.

Thanks in advance

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

  1. 6 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Hi Bradley

    Thanks for reaching out.

    Take a look at editing the row in question and adding a custom class name. You could then prefix your Custom CSS rule with that class name.

    We do our best to assist wherever possible within our free support scope. Custom CSS snippets are something we can assist with within premium support. Sorry, we can’t dive in here.

    If you’d like to check out SiteOrigin Premium, please see Download: SiteOrigin Premium.

    Please note: my reply above has been edited from the original email notification you would have received.

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