How to create a caption under a big gallery item?

Hi,
Thank you for your patience, currently there is a caption for the lead gallery image that is hidden, #top .avia-gallery .avia-gallery-caption
but when you hover over the thumbnails the lead image container is not replaced it is overlayed with a larger thumbnail and the caption is not used. So I’m not seeing a good way to change this, I did come up with this css that sets all of the tooltips to the same location so they look like captions on hover, please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

#top.postid-3431 .avia-tooltip.avia-tt {
	top: 675px !important;
    left: 31% !important;
    background-color: transparent !important;
}

you could also add font size and color rules if you wanted, please see the screenshots in the Private Content area.

Best regards,
Mike

Hi,
Glad to hear, I had not tested on mobile because I was not sure if you would like this, please try this css instead for all sizes:

@media only screen and (max-width: 767px) { 
	#top.postid-3431 .avia-tooltip.avia-tt {
	top: 370px !important;
    left: 30% !important;
    background-color: transparent !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) { 
	#top.postid-3431 .avia-tooltip.avia-tt {
	top: 370px !important;
    left: 26% !important;
    background-color: transparent !important;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) { 
	#top.postid-3431 .avia-tooltip.avia-tt {
	top: 475px !important;
    left: 29% !important;
    background-color: transparent !important;
}
}
@media only screen and (min-width: 1440px) { 
	#top.postid-3431 .avia-tooltip.avia-tt {
	top: 675px !important;
    left: 31% !important;
    background-color: transparent !important;
}
}

feel free to fine-tune for certain sizes if you wish and after applying the css, please clear your browser cache and check.

Best regards,
Mike