Home>Support>Featured Image hover

Featured Image hover

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].

I’m trying to do a Hover effect with CSS.

img.wp-post-image:hover{
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease;
}

The above is not working with Vantage. Why?

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

  1. 10 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Hi Wizlore

    The HTML is a little different in each theme. In Vantage you’d need something like:

    article.post .entry-header .entry-thumbnail:hover, article.page .entry-header .entry-thumbnail:hover {
      opacity: 0.6;
    }
    

    The transition should be applied to the non-hover state.

    Hope that helps get you started.

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