Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 20, 2021 at 6:55 pm #1317663
    jacc

    Hello,
    On my blog posts grid, I need the image to appear above the top of the grid card. I am able to use a negative top margin to place it where it needs to be, however, z-index settings I have tried, do not make it appear on the top layer. What is the correct approach?
    Thank you

    August 23, 2021 at 5:22 am #1317878
    Nikko

    Hi jacc,

    Please remove this CSS code:

    .slide-entry img {
    margin-top: -40px !important;
    z-index: 99;
}

    And replace it with:

    #top .avia-content-slider, 
#top .avia-content-slider-inner {
    overflow: visible !important;
}

#top .avia-content-slider .slide-image {
    margin-top: -40px;
}

    Best regards,
    Nikko

    August 23, 2021 at 3:29 pm #1317989
    jacc

    Thank you! That worked.

    August 24, 2021 at 6:23 am #1318078
    Rikard

    Hi,

    Great, I’m glad that Nikko could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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