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.

Mouseover opacity on Picture

11 years ago · Last reply by Andrew Misplon 11 years ago

I have Vantage Premium and am trying to get a mouseover effect for the images on this page. How can I do this with the CSS Code?

I am trying to get this affect: http://triconenergy.com/en/Products.php

Thanks….

URL: http://ritdllc.com/departments/

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Andrew Misplon Staff 11 years, 1 month ago

    Hi sschmitt

    Edit the Page Builder row in question, click the Attributes tab and enter a CSS class name in there:

    image-hover

    Then to go Appearance > Custom CSS and target that:

    .image-hover img:hover {
    opacity: 0.5;
    }

    Adjust as required.

  2. sschmitt 11 years, 1 month ago

    Thanks!! I was trying to put the CSS code in the CSS Style below the Attributes box above. Thank you very much works perfect!!!!!

  3. Andrew Misplon Staff 11 years, 1 month ago

    Super, glad to hear that helped.

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