Image Title Cut Off

Site URL: https://louisechantal.squarespace.com/photos

Hello!

The image titles on my photo gallery are getting cut off. For example, the g's in "Vogue Challenge" (column 1, row 2) at https://louisechantal.squarespace.com/photos

I tried making the text slightly smaller, but it didn't take care of the issue.

Please let me know if I need to share my existing CSS code because we had to make some adjustment to the image titles for mobile view.

Thanks in advance! I appreciate it.

Add to Design > Custom CSS

/* fix image title cut off */
.image-slide-title {
    overflow: visible !important;
}

Thank you so much, Tuanphan. This worked perfectly!

I am having the same issue with an Overlay Image. The first two or three letters of the title are cut off in mobile view. You can see this happening on two pages of my website, sandracurry.com. The first is on the home page testimonials, the second is on the love from clients page where the first four testimonials do this but the others do not.

The above code did not correct it. Might anyone be able to assist? Thank you!

10 hours ago, SandraC said:

I am having the same issue with an Overlay Image. The first two or three letters of the title are cut off in mobile view. You can see this happening on two pages of my website, sandracurry.com. The first is on the home page testimonials, the second is on the love from clients page where the first four testimonials do this but the others do not.

The above code did not correct it. Might anyone be able to assist? Thank you!

Try adding to Design > Custom CSS

@media screen and (max-width:640px) {
div#block-yui_3_17_2_1_1651703021875_59816 p {
    display: inline-block;
}
div#block-yui_3_17_2_1_1652408493893_210012 p {
    display: inline-block !important;
}
}