Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 28, 2015 at 8:07 pm #526372
    peti73

    hi,
    i’ve found this method to make a hover overlay on portfolio items:
    portfolio hover overlay

    my question: how can i make that with different color overlays? ie. one item/category has red overlay, another has blue, and so on.

    thx!

    October 29, 2015 at 12:44 am #526476
    Basilis

    Hey Peter!

    Every portfolio has a different ID. You will have to use that together with some CSS to make it work.
    Can you target / alter the portfolio ID row?

    Best regards,
    Basilis

    October 29, 2015 at 10:35 am #526634
    peti73

    hi,
    i’ve got
    data-portfolio-id="1" and data-portfolio-id="2"

    but how can i refer to that in css?

    October 29, 2015 at 10:41 am #526637
    peti73

    i’ve found out:

    .avia-builder-el-1 .image-overlay {
background: red;
}
.avia-builder-el-2 .image-overlay {
background: blue;
}
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Portfolio hover with multiple color overlay’ is closed to new replies.