Support » Theme: One Page Express » Invert logos hover

  • Resolved danicasati

    (@danicasati)


    Hi.
    Actually, logos section is displaying logos in gray color and original when hover.
    Is it possible to invert this?

    Logo display by default in color and gray when hover?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Jarret

    (@jarretc)

    Based upon the demo of the theme (your site in particular may be different) this should work

    img.clients-strip-itemimg {
        filter: grayscale(0%);
        opacity: 1; 
    }
    img.clients-strip-itemimg:hover {
        filter: grayscale(100%);
        opacity: .5;
    }
    danicasati

    (@danicasati)

    Thank you, but it doesn’t work.

    Did it.

    Added this piece of CSS code:

    .home div#clients-1 img.clients-grid-itemimg {
    webkit-filter: none!Important;
    filter: grayscale(0)!important;
    opacity:1!important;
    transition: none!Important;
    }

    .home div#clients-1 img.clients-grid-itemimg:hover {
    filter:grayscale(100%)!important;
    opacity: 0.5!important;
    }

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.