Different caption colours in the same gallery?

Site URL: https://aromon.squarespace.com/home-slideshow

Hi there,

Is there a way to change the caption font colour for specific images within a gallery? For example, on this page, could I have the first image of the slideshow have black text and the second, white text?

Thank you!

(The password for the website is hinoki)

Try adding this to Design > Custom CSS. If it doesn't work, can you disable autoplay? We can check easier

/* Slideshow first image text */
body#collection-6065b51861171a694bbe1c20 figure.gallery-fullscreen-slideshow-item:nth-child(1) * {color: white !important;}

On 4/6/2021 at 12:27 AM, tuanphan said:

Try adding this to Design > Custom CSS. If it doesn't work, can you disable autoplay? We can check easier

/* Slideshow first image text */
body#collection-6065b51861171a694bbe1c20 figure.gallery-fullscreen-slideshow-item:nth-child(1) * {color: white !important;}

 

Hi @tuanphan, I disabled auto play now, that didn't work unfortunately! 

Thank you :)

On 4/7/2021 at 4:12 PM, GabrielaS said:

Hi @tuanphan, I disabled auto play now, that didn't work unfortunately! 

 

Thank you :)

Hi. You mean hover title color?

Hi @tuanphan

I mean on the slideshow at the top of the page--it does have a different colour at the moment which I temporarily fixed by using html tags on the caption but it's not ideal as it messes up with mobile formatting. 

Thank you!