Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • June 13, 2019 at 4:43 pm #1109915
    Thina

    Hey,

    I have a grid row with 3 images and would like a caption on each but at the bottom and not centered as default. I tried quick CSS

    .av-image-caption-overlay-center {
    display: block !important;
    bottom: 0;
    position: absolute;
    }
    but that did not work.

    Would you pls help

    Best Regards
    Bettina

    June 13, 2019 at 7:25 pm #1110003
    Jordan Shannon

    Hey Bettina,

    Please provide a link to the site/page in question so we can look into this issue further.

    Best regards,
    Jordan Shannon

    June 14, 2019 at 9:22 am #1110250
    Thina

    Hey Jordan,

    do you want just the link or the credentials too?

    Best regards
    Bettina

    June 14, 2019 at 1:50 pm #1110322
    Rikard

    Hi Bettina,

    Thanks for that. Please try something like this instead:

    .av-image-caption-overlay-center {
    display: block;
    position: absolute;
    bottom: 80px;
}

    Best regards,
    Rikard

    June 14, 2019 at 3:59 pm #1110362
    Thina

    Hi Rikard,

    strange …
    I pasted it and it worked but the text in the first 2 images was left and in the third centered.
    Than I changed bottom 80px to 40px: the text was center/center again.
    Than I deleted the code an pasted your code again: the text was center/center again.

    Best regards
    Bettina

    June 14, 2019 at 6:40 pm #1110416
    Jordan Shannon

    Hi,

    Apologies, did you need additional help?

    Best regards,
    Jordan Shannon

    June 14, 2019 at 6:52 pm #1110425
    Thina

    Hi Jordan,

    no thank you – no additional help but the code does not work for me

    Best regards
    Bettina

    June 15, 2019 at 7:23 am #1110588
    Rikard

    Hi,

    Thanks for the update, I wanted to check your site but it seems to be down at the moment. Please see private.

    Best regards,
    Rikard

    June 16, 2019 at 7:26 pm #1110862
    Thina

    Hi Rikard

    thank you, now we are online again

    Best regards
    Bettina

    June 17, 2019 at 5:27 am #1110914
    Rikard

    Hi,

    Thanks for that, though the code I sent is applying and working for what I can see. The reason why the third box looks different is that you have more text in that I think.

    Best regards,
    Rikard

    June 17, 2019 at 8:48 am #1110947
    Thina

    Hi

    thank you! I tried it again with bottom: 20px and now it works.
    But the text align of the first two rows is left and the third centered.
    So I added
    text-align: center;
    nothing changed.

    Best regards,
    Bettina

    June 18, 2019 at 6:42 am #1111198
    Rikard

    Hi,

    Please try this CSS as well:

    .av-image-caption-overlay-center {
  width:100%;
}

    Best regards,
    Rikard

    June 18, 2019 at 9:21 am #1111217
    Thina

    Thank you – now it works!

    Best regards,
    Bettina

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Caption position’ is closed to new replies.