Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 18, 2017 at 6:40 pm #809587
    ccyran

    Hi guys,

    Is there CSS to change the masonry gallery to either….

    1. A different single color and stronger opacity. So the color #f6841f

    2. A randomized color overlay, or controlled. Lets say 3 color overlays.
    Like this website for example

    Thank you,
    Chris

    June 20, 2017 at 2:20 pm #810369
    Victoria

    Hey ccyran,

    Both are pretty much possible, which is the page in question and what is the preferred option?

    Best regards,
    Victoria

    June 21, 2017 at 2:24 am #810693
    ccyran

    Hey Victoria!

    I have my masonry gallery on a bunch of pages, so if possible I want it wherever Im using masonry gallery.

    Option 1!
    1. A different single color and stronger opacity. So the color #f6841f

    Thanks!
    Chris

    June 21, 2017 at 10:07 am #810874
    Sarah

    Hi,

    Please try this in Quick CSS:

    #top .av-caption-style-overlay a.av-masonry-item-with-image .av-inner-masonry-content {
    background: rgba(246,132,31,0.7);
}

    If you need to adjust the opacity, you can change the last number. Completely transparent is 0, and completely opaque is 1.

    Best regards,
    Sarah

    June 22, 2017 at 12:21 am #811245
    ccyran

    Hey!

    That works! thanks!

    • This reply was modified 7 years, 6 months ago by ccyran.
    June 22, 2017 at 2:57 am #811279
    Sarah

    You’re welcome! Please let us know here in the forums if you need help with anything else.

    Best regards,
    Sarah

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Masonry Gallery Overlay Color & Opacity’ is closed to new replies.