the captions of the images in the gallery section are cut off on mobile version

Hello, I see that the captions of the images must be customized in CSS. I was able to separate the lines and put the first line of the caption in black via CSS.

The problem I have is that in some long titles the text appears cut off in the mobile version (see below)

What would be the code to solve this problem?

I would really appreciate it if you could help me 

Can you share your website URL and this page? Thanks!

3 minutes ago, Ziggy said:

Can you share your website URL and this page? Thanks!

Hi, Ziggy!

This is the URL: https://violet-fuchsia-2h98.squarespace.com/obras

I hope you can help me!

Interesting, can you share the Custom CSS that you are using?

2 minutes ago, Ziggy said:

Interesting, can you share the Custom CSS that you are using?

This is the Custom CSS:

.gallery-caption p {white-space:pre}
.gallery-caption p:first-line {color: black; font-size: 1rem; font-weight:bold}

4 hours ago, Ziggy said:

You could try this tweak of your CSS, but it won't correctly apply the bold to the title, just the first line, which on the longer titles is not the whole title.

.gallery-caption p {white-space:pre-wrap;}
.gallery-caption p:first-line {color: black; font-size: 1rem; font-weight:bold;}

Thank you so much! This helped me for all the text.

Since it didn't apply correctly to the first bold line of the title, what I did was add the <b> tag in the title in the description section inside the edit gallery.

Thanks!

I'm having an issue with gallery captions being cut off as well. I'm using gallery slideshow:simple set to height L. The captions look great in desktop but get cut off in mobile. Any insight on how to fix this?

https://www.katiebottrell.com/strategy-work

On 5/30/2024 at 9:31 PM, Bell6650 said:

I'm having an issue with gallery captions being cut off as well. I'm using gallery slideshow:simple set to height L. The captions look great in desktop but get cut off in mobile. Any insight on how to fix this?

https://www.katiebottrell.com/strategy-work

Use this code