How to display the captions for each image below?

Hi Maria and thanks for contacting us! ??

I apologize for any confusion, the Lite version of the plugin doesn’t currently support bringing in the captions on the image unfortunately.

I’m very sorry for any trouble, can I help with anything else?

Hello and thank you for your quick response! You have saved me further headaches! ??

Ah, I see – if I buy just the Basic version ($29) will this be an option to me then?

Big thanks,

Maria

Hello again,

I added this to my theme’s advanced options:

——————

.envira-gallery-wrap .envira-gallery-item-inner { background-color: #000 !important; }

.envira-gallery-wrap a.envira-gallery-link {
display: block;
border: none !important;
padding: 0 !important;
margin: 0 !important;
}

/* The opacity of the image on hover */
.envira-gallery-item-inner.envira-gallery-item-inner.envira-gallery-item-inner.envira-gallery-item-inner.envira-gallery-item-inner:hover img.envira-gallery-image.envira-gallery-image.envira-gallery-image.envira-gallery-image.envira-gallery-image.envira-gallery-image { opacity: 0.5 !important; }

/* Position title, style and hide it by default */
.envira-gallery-wrap .envira-gallery-item-inner .envira-title {
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
text-align: center;
color: #fff;

/* Optional: add transitions so the caption smoothly fades in/out on hover */
-webkit-transition: opacity 0.5s ease;
-moz-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}

/* Show caption on hover */
.envira-gallery-wrap .envira-gallery-item-inner:hover .envira-caption{ opacity: 1; }

——————–

Unfortunately, though it has given me a fade on mouse-over, the captions still don’t seem to appear?

Big thanks in advance,

Maria

Hello,

I now have chosen a layout/column setting in which the titles appear in a small thin box over the image upon mouseover, but I am now also getting the image title directly under my cursor! So my question to you please is:

1. How do I remove the latter?
2. Where is/what is the code to change the size of the bar at the bottom of each image which contains the text, as well as the size of the font?

My website page with my EnviraGallery is here: https://www.mariahelenafineart.com/originalartwork/

Thank you so much in advance!

Maria

Hi Maria ??

I apologize, I’m not getting an addition title directly under the curser? I only see the title of the image once I hover that appears in a white?

For question 2, when I click on the gallery image, I’m taken to another page with the single image (that is not an Envira Gallery), did you mean the title under that imgage there? That is an attachment page, looks like it’s powered by the theme: https://cloud.supportally.com/1e1A2y1D2N1O

You could change the font-size of the text by targeting the
.caption.wp-caption-text {
font-size:22px !important;
}

But again, that isn’t an Enivra image so that would be controlled by your theme’s style.css file. That CSS (above) should help target the correct class to change the font-size though ??

Please let me know if I can help with anything else ??