christinabalch

@tuanphan i have a similar issue using Brine.  i am trying to display the title on slideshow gallery images on mobile, and i can't figure out the class on mobile. it looks fine on desktop, but doesn't show on mobile at all. Screenshots for reference. 

site url: https://grey-armadillo-bdg7.squarespace.com/

password: balch!

this issue is on the homepage.

@tuanphan your code works perfectly. thank you so much! i'm happy to pay you a bit for your expertise. let me know where i can send a tip! paypal? venmo? let me know!

hi - thanks for the suggestion! it was a huge help and i've made some progress.

with the following css, the title text overflow appears, but it's still not wrapping. any ideas? i could maybe use some good old-fashioned line breaks to solve this temporarily, but i'd love to find a responsive solution.

side inquiry for future projects: is this issue of long image titles resolved in 7.1 for collections? 

.image-slide-title {
  overflow: visible !important;
  white-space: pre-wrap;
}

Site URL: https://christinabalch.com/cm-gallery-image-text-example

Hi Circle - I'm trying to get the image title to wrap onto multiple lines instead of cutting off in the gallery grid layout. Ideally the image title will wrap and display on 2 or 3 lines depending on the browser width. I want this to be a universal update so all gallery grids function the same on the website. I don't mind if some of the rows are longer than others in the gallery grid.

This is something I will no doubt need to do again as this is a common layout for artist websites.

This site appears to have figured it out in the masonry layout, but I can't seem to locate the proper class(es) to get it to work on my sites. https://www.thecarolamoon.com/brand-photography-portfolio 

Example site below uses Avenue 7.0, but I will ultimately be implementing this change on a site using Brine in 7.0.

https://christinabalch.com/cm-gallery-image-text-example
password: test!