Home>Support>Image hover effect for specific images.

Image hover effect for specific images.

By Bradley Roberts, 5 years ago. Last reply by Andrew Misplon, 5 years ago.

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. 5 years, 5 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