New Landing How can we help? Themeforest Theme Support Dante Image hover-overlay behind image.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Posted in: Dante
  • #75804
    PlayDesign
    Member
    Post count: 44

    Hi,

    I have encountered a problem with some images. I want the hover-overlay to show, but no matter what I do the overlay is behind the image instead of on-top of it. Can you guys help me out.

    I have tried removing all adjustments in the custom-css settings, but this did not work. I guess then it have something to do with the theme.

    Second attachment: I’ve put on borders, so you might see what I mean. I also want to keep some images round in the future, so if you have a good solution to apply the circular border to the overlay (only on images of my choice) after we fix the (z-index?) first problem I would be very happy!

    Cheers!

    #75845
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    It will just be a z-index issue, if you could provide me with a link I will help you fix it

    – Kyle

    #75848
    PlayDesign
    Member
    Post count: 44
    This reply has been marked as private.
    #75852
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Ok add this to your custom css:

    figure.animated-overlay figcaption {
      z-index: 3;
      border-radius: 50%;
    }

    – Kyle

    #75855
    PlayDesign
    Member
    Post count: 44

    Thanks! That did the trick ๐Ÿ™‚

    #75866
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Great! No problem ๐Ÿ™‚

    – Kyle

    #76774
    PlayDesign
    Member
    Post count: 44
    This reply has been marked as private.
    #76779
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Try adding this:

    figure.animated-overlay figcaption {
      left: 26px;
    }

    – Kyle

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register