Text overlaid on top of lightbox image

Question

I would like to overlay text on top of a lightbox image. For example, like the lightbox images when you click on the items in portfolio-2-masonry.html example. I tried creating an image title, but it's tiny text below the image. What I would like is large text across middle of image.

How can I do this?

Thank you!

SemiColonWeb · Accepted Answer

Hello,

Unfortunately, this is not fully supported at the moment. But you can consider using the following CSS code:

.mfp-content figcaption {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	z-index: 2;
}

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.