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 effect for specific images.

Open 1 reply customizationpluginplugin-page-builder
Bradley Roberts
6 years ago · Last reply by Andrew Misplon 6 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.

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Andrew Misplon Staff 6 years, 10 months ago

    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.

Have a different question or issue?

Start New Thread