Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 20, 2022 at 2:30 am #1369504
    navindesigns

    On my site I have a section called MEET OUR TEAM. I am using the Icon/Flipbox Grid . Is there a way to get an overlay on those images so the titles pop more? Or could you highlight the titles?

    url. – https://gideonfranchise.flywheelsites.com/about/

    October 20, 2022 at 4:55 am #1369536
    Ismael

    Hey navindesigns,

    Thank you for the inquiry.

    You can add this css code to add an overlay between the flipbox caption or content and the image.

    .avia-icongrid-front.bg-img:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-front .avia-icongrid-inner {
    z-index: 20;
}

    Best regards,
    Ismael

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