Move captions over images in full bleed slideshow reel

Trying to have a caption show up in the center of each gallery image in a full bleed slideshow reel.  

Any help is appreciated. 

Move text over image, do you need to add an overlay? To make easier to read

Looking to move the text from under the image to on the image, no need for an overlay

Thanks!

On 3/13/2023 at 11:18 PM, SMInc said:

Looking to move the text from under the image to on the image, no need for an overlay

 

Thanks!

Add to Design > Custom CSS

figcaption.gallery-caption.gallery-caption-reel {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%,-50%) !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

hey tuanphan I used that code and it works great on desktop, but the title doesn't show on mobile. How can i fix that? 

Site is https://www.paoloferrari.com/

any ideas would be appreciated!

On 10/21/2023 at 12:05 AM, Tkrystom said:

hey tuanphan I used that code and it works great on desktop, but the title doesn't show on mobile. How can i fix that? 

Site is https://www.paoloferrari.com/

 

any ideas would be appreciated!

Hi,

I see title already show here