Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 9, 2018 at 5:54 pm #1007639
    nicolesauce

    Hello,

    I would like to have the translucent color that appears one mouse hover over a picture in a masonry gallery to be orange instead of grey. I figured out how to change the color to orange, but how do I add translucence.

    Currently, this is in the quick css area:
    #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
    background: #FFA500;
    }

    Thanks,
    Nicole

    September 9, 2018 at 6:36 pm #1007653
    Mike

    Hey Nicole,
    Try changing your css to this:

    #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
    background: rgba(255, 165, 0, .5);
}

    adjust the last number to change the transparency

    Best regards,
    Mike

    September 9, 2018 at 6:49 pm #1007654
    nicolesauce

    Worked – thanks!

    September 9, 2018 at 7:47 pm #1007672
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Masonry Color Overlay on hover (Background translucence?)’ is closed to new replies.