Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 24, 2022 at 1:29 pm #1345874
    envapk2

    Hi

    I have used the CSS from Documentation –
    #top .av-image-caption-overlay {
    height: auto;
    width: auto;
    left: 0px;
    bottom: 0px;
    transform: translateY(100%);
    }
    #top .av-image-caption-overlay-center {
    padding: 0;
    }
    #top .avia_image {
    margin-bottom: 50px;
    }

    – to put captions below the image. That works fine. However, if I then apply a link to the image the caption no longer appears on hover.

    You can see an example in the link below. Both images have captions to appear on hover but one image is linked the other not.

    This does not happen if the captions are set to appear over the image, as by default.

    many thanks

    Peter

    March 24, 2022 at 6:37 pm #1345911
    Rikard

    Hi Peter,

    Please try removing this line from the CSS:

    transform: translateY(100%);

    Best regards,
    Rikard

    March 24, 2022 at 7:37 pm #1345922
    envapk2

    Hi Rikard

    That works great

    many thanks

    Peter

    March 25, 2022 at 4:58 pm #1346036
    Rikard

    Hi,

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

    Best regards,
    Rikard

    March 25, 2022 at 5:25 pm #1346043
    envapk2

    Hi Rikard

    Yes, do close it. Thanks again, always much appreciated.

    p

    March 25, 2022 at 7:59 pm #1346083
    Rikard

    Hi,

    Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘image link breaks caption below image’ is closed to new replies.