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.

Featured Image hover

Open 1 reply premiumthemetheme-vantage
wizlore
10 years ago · Last reply by Andrew Misplon 10 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

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

    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.

Have a different question or issue?

Start New Thread