-
AuthorPosts
-
January 19, 2018 at 9:39 pm #899860
Hi. I’ve read this thread https://kriesi.at/support/topic/text-overlay-instead-of-image-overlay/ and figured out how to get the caption to overlay on an image. I’ve also figured out how to move the overlay color box around by adjusting the %’s in the code suggested in that post. My code now looks like this:
/* add image caption as overlay */
.av-caption-image-overlay-bg {
height: 20px;
top: 2%;
width: 40%;
left: 1%;
}
which places the overlay box in the upper left corner of the image.While that moves the overlay box to where I want it, the caption text stays in the middle of the image. How do I move the text with the overlay box? A URL with what I’m experiencing is in private content.
Thanks in advance for the help!
- This topic was modified 6 years, 11 months ago by jbinmn.
January 20, 2018 at 7:21 am #900023January 20, 2018 at 6:30 pm #900146Hi Victoria – I’m not a developer so I was a bit intimidated by your reply at first. However, with the screen shot above, I was able to figure out what you’re talking about. The caption overlay now works exactly how I’d like it too for images I put on my site with the Avia image element. As the old saying goes, “thanks for teaching me how to fish instead of giving me a fish”. :)
Here’s my next issue. I’d like to same functionality for images in posts. Specifically, I’d like the caption overlay to appear in images rendered with the Avia “Blog Posts” element. As far as I can tell, the images this element renders are the “featured image” on a post. Is there a way to overlay the caption text in the blog post element?
Thanks!
JonJanuary 22, 2018 at 9:39 am #900700Hi Jon,
Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.