Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • February 27, 2025 at 1:12 pm #1478115
    beyond-flora

    Hi Krisi-Team,
    is it possible to get a similar effect with the portfolio entries as on the website (see link below)?
    It’s about the different colors including the labeling in different font sizes.

    Thank you, Daniela

    February 28, 2025 at 6:02 am #1478198
    Ismael

    Hey beyond-flora,

    Thank you for the inquiry.

    You might be able to achieve the same layout using the Masonry element. Set Content > Captions > Element Title and Excerpt Styling to the second option, and set Element Title and Excerpt Display to “Display on mouse hover”.

    Regarding the unique overlay colors, you can try this css code:

    #top .av-caption-style-overlay .av-masonry-item-with-image:nth-child(2) .av-inner-masonry-content {
    background: rgba(52, 25, 75, 0.95);
}

#top .av-caption-style-overlay .av-masonry-item-with-image:nth-child(3) .av-inner-masonry-content {
    background: rgba(32, 192, 90, 0.95);
}

#top .av-caption-style-overlay .av-masonry-item-with-image:nth-child(4) .av-inner-masonry-content {
    background: rgba(67, 20, 255, 0.95);
}

    The css code above should adjust the overlay color of the first 3 items in the masonry grid.

    Best regards,
    Ismael

    February 28, 2025 at 10:40 am #1478232
    beyond-flora

    Hey Ismael,
    That’s fine and a good Idea with the Masonry element. Thanks!
    How do I do this with the other entries? I think 3 – 5 different colors are enough. Can I add multiple child numbers to the colors? I think I’ll create about 30 entries.
    And another question:
    Is there a way to show a description in addition to the title?
    I selected to display titles and an description in the Masonry element, but only the title is displayed.

    Thank you, Daniela

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