Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 16, 2015 at 10:29 pm #381117
    XTGlobal

    http://27c.d06.myftpupload.com/pricing/
    We think the items on our catalogue element are hard to read with the overlay on hover so we’re trying to turn down the opacity. Here’s the CSS I put in, but it’s not working. Any suggestions?

    .av-catalogue-overlay {
    opacity: 0.2;
    }

    January 17, 2015 at 5:42 pm #381269
    Elliott

    Hey XTGlobal!

    If you change the opacity then the contents inside will become transparent as well. If you only want the background to be transparent then you can do this.

    .av-catalogue-list > li:hover { background: rgba(0,0,0,0.2) !important; }

    The first three zeroes correspond to an RGB value so you can change it’s color. The 4th value is the opacity.

    Cheers!
    Elliott

    January 20, 2015 at 6:45 am #382274
    millertimesites

    awesome, worked perfect, I also needed help with this
    Jon

    January 20, 2015 at 2:56 pm #382470
    Yigit

    Hey!

    Glad Elliott could help. We will keep the thread open for the OP. If you have any other questions or issues, please feel free to start a new topic

    Regards,
    Yigit

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