Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 19, 2018 at 9:25 am #1011676
    biocomag

    The images in a masonry have a slight overlay. How can I adapt this (make it more opaque and change the color, in particular)?
    Thanks!

    September 19, 2018 at 9:57 am #1011703
    Luca

    You could add this to the quick-css in the gereral styling options:

    .av-inner-masonry-content {
  backgorund: rgb(0,0,0,0.35);
}

    You have to enter RGBA values, the last one is for opacity (in this example 35%)

    September 19, 2018 at 11:51 am #1011744
    Rikard

    Hi,

    Thanks for sharing @Luca, did you try that out and did you have any luck with it @biocomag?

    Best regards,
    Rikard

    September 19, 2018 at 1:56 pm #1011805
    biocomag

    No but I found it – apparently it is not an overlay, but rather the image becomes transparent. This is what did the trick: 

    
.main_color .av-masonry-outerimage-container {
  background-color: rgb(0,0,0);
}

.avia_desktop .av-hover-overlay-active .av-masonry-image-container {
    opacity: 0.1;
}
    September 19, 2018 at 3:48 pm #1011869
    Victoria

    Hi biocomag,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

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