-
AuthorPosts
-
January 22, 2015 at 3:15 am #383474
The caption option I found puts it over the image instead of underneath.
January 22, 2015 at 9:14 pm #383992Hey 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!
ElliottJanuary 23, 2015 at 10:47 am #384278Awesome! 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 #384673Hi!
Try adding this.
.av-image-caption-overlay { width: 100% !important; text-align: justify !important; }
Best regards,
ElliottMarch 9, 2015 at 9:07 pm #408452I 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!
March 10, 2015 at 5:43 am #408617Hey 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,
RikardOctober 31, 2017 at 7:32 pm #870953I would also like to add a caption beneath an image. It’s not working for me either.
- This reply was modified 7 years ago by sproutstudio.
November 1, 2017 at 1:36 pm #871206Hi sproutstudio,
What exactly are you having problems with? Where can we see the issue?
Best regards,
RikardNovember 1, 2017 at 9:41 pm #871382This is the site I’m trying to get the caption below the image.
November 4, 2017 at 5:34 am #872403Hi,
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,
IsmaelJune 17, 2018 at 9:05 pm #974034Hello
Tried these codes but none worked….
I am trying this on the Image Element…
Any ideas?June 18, 2018 at 4:18 am #974075Hi,
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,
IsmaelJanuary 30, 2019 at 10:38 pm #1060620Hi 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, 9 months ago by MCGWebmaster.
February 4, 2019 at 2:13 am #1062444Hi,
@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,
IsmaelFebruary 18, 2020 at 9:45 am #1185565Hi 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, 8 months ago by Michaela.
February 19, 2020 at 1:53 pm #1186031Hi,
@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,
IsmaelFebruary 19, 2020 at 2:26 pm #1186054Hi @Ismael,
I opened this thread with all access details: https://kriesi.at/support/topic/image-captation-below-image/
Best regards
MichaelaMarch 17, 2021 at 9:28 pm #1288789Anybody 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, 7 months ago by mlongver.
March 21, 2021 at 3:25 pm #1289446Hi 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 -
AuthorPosts
- You must be logged in to reply to this topic.