KCSpencer

Hi! I am working with custom CSS for gallery captions in a simple grid gallery. My website is at http://www.katherinespencer.art . I have the following CSS to help me make the first line of text more prominent in the captions AND also make sure that long titles don't go off the edge of the screen in mobile views: .gallery-grid-item .gallery-caption-content { white-space:pre-wrap; } .gallery-grid-item .gallery-caption-content::first-line { font-size: 1.05rem; } My question is about the longer titles, seen on a mobile phone, specifically on the following page: https://www.katherinespencer.art/work-1/project-two-4tffy When you look at the site in mobile you will see that the second section down has a piece called "And do I really have a hand in my forgetting". It wraps on mobile so that the title and date end up on the second line. So they are a smaller size and harder to read. I'm not sure what the solution is, but I'm wondering if there's a way to make this title be the larger font size even when it's on the second line. Just for this section, where the piece has that longer title. I'm also wondering if anyone has a better suggestion on how to make that caption less clunky visually on mobile. Thanks in advance!!

Hi! I actually figured this out! Thank you though- I am learning a lot from your comments all over this forum on various issues 🤩

Help! I have my artwork in simple grid galleries. I have added custom CSS so that the columns change on mobile to show only one image at a time as you scroll down. I also added a plug in to help me do pinch and zoom when the images are in lightbox mode. MY QUESTION- why are the images not all centered in the mobile view when I go to the site on my Samsung Gflip? You can see in the attached image that many of the photos are pushed to the right. SOME of my gallery sections are centered, and about three of them are pushed right. I can't figure out what those three have in common at all that the others don't have. Is there custom CSS that will fix this? I inserted custom CSS to reduce all image sizes a certain percentage and do auto margin, but it's not helping. Thank you so much!!