Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • January 22, 2015 at 3:15 am #383474
    dawsmik

    The caption option I found puts it over the image instead of underneath.

    January 22, 2015 at 9:14 pm #383992
    Elliott

    Hey dawsmik!

    Try adding this to your custom CSS.

    .av-image-caption-overlay {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  bottom: -20px !important;
  color: black !important;
  height: auto !important;
  left: 50% !important;
  transform: translate(-50%) !important;
  width: auto !important;
}

    Cheers!
    Elliott

    January 23, 2015 at 10:47 am #384278
    dawsmik

    Awesome! Thank you! How do I get the text area to be the full width of the image? (and, if possible, be left justified under the image?)

    January 23, 2015 at 10:20 pm #384673
    Elliott

    Hi!

    Try adding this.

    .av-image-caption-overlay { width: 100% !important; text-align: justify !important; }

    Best regards,
    Elliott

    March 9, 2015 at 9:07 pm #408452
    mgould

    I would also like to add a caption beneath an image. I tried adding this CSS but it didn’t work. Can you help me? Thanks!

    http://www.atlassteelruledie.com/diecutting

    March 10, 2015 at 5:43 am #408617
    Rikard

    Hey mgould!

    Where did you add the CSS? Did you try emptying your browser cache and reloading a few times after the change? Do you have any caching plugins? If so, please delete the cache and deactivate the plugin to see your changes.

    Best regards,
    Rikard

    October 31, 2017 at 7:32 pm #870953
    sproutstudio

    I would also like to add a caption beneath an image. It’s not working for me either.

    • This reply was modified 7 years, 1 month ago by sproutstudio.
    November 1, 2017 at 1:36 pm #871206
    Rikard

    Hi sproutstudio,

    What exactly are you having problems with? Where can we see the issue?

    Best regards,
    Rikard

    November 1, 2017 at 9:41 pm #871382
    sproutstudio

    This is the site I’m trying to get the caption below the image.

    November 4, 2017 at 5:34 am #872403
    Ismael

    Hi,

    Are you referring to the image element’s caption overlay? Please add this css code.

    .avia-image-container-inner .av-image-caption-overlay-center {
    vertical-align: bottom;
}

    Best regards,
    Ismael

    June 17, 2018 at 9:05 pm #974034
    tallypeled

    Hello
    Tried these codes but none worked….
    I am trying this on the Image Element…
    Any ideas?

    June 18, 2018 at 4:18 am #974075
    Ismael

    Hi,

    The previous css code should move the caption lower than the default position. Where do you want to place the caption? Please provide a screenshot using imgur or dropbox.

    Best regards,
    Ismael

    January 30, 2019 at 10:38 pm #1060620
    MCGWebmaster

    Hi there, using code that Ismael posted on 11/4/17 above, I was able to get the Image Caption Overlay to show up at the bottom of the image and not the center of the photo.

    Do you know if there’s a way to have a background color on the lines the font are on only? So in other words, not the entire image – it would be at the bottom behind the lines that have wording. I will put a link below with an example of what I am looking for. The top image – the white text with blue background was done in Photoshop. We were looking for the same without having to photoshop photos. It seems like I’m one step away.

    Thanks so much and thanks to Ismael for the suggestion that worked to align the caption at the bottom. Much appreciated!

    Edit to add – would there be a way to get the blue bar/white text showing underneath the photo? so that there wouldn’t be any distortion to the photo itself, that it wouldn’t be covered by anything? Or is there another function you could suggest for this? Maybe an image with a text box right underneath it that backs right up to the bottom of the photo would work.

    • This reply was modified 5 years, 10 months ago by MCGWebmaster.
    February 4, 2019 at 2:13 am #1062444
    Ismael

    Hi,


    @MCGWebMaster    : This css code should change the background color of the masonry caption:

    .av-fixed-size .av-masonry-entry .av-inner-masonry-content, .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry .av-inner-masonry-content, .av-flex-size.av-caption-on-hover-hide .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content {
    background-color: rgba(0,0,0,0.5);
}

    If it doesn’t change anything, please create a new ticket with the site url or the link to the actual page with the masonry element.

    Best regards,
    Ismael

    February 18, 2020 at 9:45 am #1185565
    Michaela

    Hi all,

    want to have the captation under the image but not as overlay on the image als you see for example here https://www.heithausen.de/kommunikationsagentur-b2b/team/ (this is typo3 and only an example how I want to have it look like).The codes that you have posted in this thread in the past changes the captation’s position on the images but does not put it below. Can you give me a hint how to have it realy below?

    Thanks in advance
    Michaela

    • This reply was modified 4 years, 10 months ago by Michaela.
    February 19, 2020 at 1:53 pm #1186031
    Ismael

    Hi,

    @Michaela: Can you give us a link to the page with the Masonry element? We have to check how it’s set up so that we can provide the appropriate css modifications. If possible, please open a new thread/ticket and provide the site details in the private field.

    Best regards,
    Ismael

    February 19, 2020 at 2:26 pm #1186054
    Michaela

    Hi @Ismael,

    I opened this thread with all access details: https://kriesi.at/support/topic/image-captation-below-image/

    Best regards
    Michaela

    March 17, 2021 at 9:28 pm #1288789
    mlongver

    Anybody find a solution to this? I follow this onto the new thread but none of that information was accurate. I tried all the css above as well as the functions.php code update but nothing changed. I would really just like the caption to be a title under the logo.

    • This reply was modified 3 years, 9 months ago by mlongver.
    March 21, 2021 at 3:25 pm #1289446
    Victoria

    Hi mlongver,

    Please open a new ticket for your problem. Provide us admin access to have a deeper look into the issue, as well as precise links where we can see the issue. Screenshots highlighting what’s going on would help a lot (imgur.com, dropbox).

    Best regards,
    Victoria

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