Jump to content

Looking for help with captions cutting off in galleries for mobile css I found on forums hasn't worked

Recommended Posts

Site URL: https://www.ericklistman.com

Hello! I've been scouring the forums looking for the solution and tried all the css lines I found and none of them have worked so far for my website (about 20 different solutions given to others) . 

The captions under the images run off the box and don't wrap around. I'm at a complete loss and considering removing all css concerning galleries because I don't know what else to do.

My website is: https://www.ericklistman.com and this is under Portfolio-Paintings

Thank you to anybody who might have a solution. Here is an image of what it looks like:

IMG_C71BABBB133F-1.thumb.jpeg.7023c57ca7e348907fc1f175b7ed2154.jpeg

Link to comment

SOLVED: 

White space pre wasn't wrapping, you need to use white-space:pre-wrap (or another one of the white space versions- you can find them easily once you know to look for them). I'll leave this here in case anybody else that's new to css runs into this issue. I don't know css so it took me a good chunk of my day to find the solution.

//Gallery Captions
.gallery-caption {background:#09272A; }
.gallery-caption p {white-space:pre-wrap;text-align:center; padding-left:.5rem; padding-right:.5rem}
 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.