Jump to content

GSS2

Member
  • Posts

    12
  • Joined

  • Last visited

Everything posted by GSS2

  1. Hello, I've been able to add <BR> text in image captions on standard galleries. I'm trying to break text onto multiple lines on a Portfolio basic grid -- but have been unsuccessful in the <BR> tag being read the same way it is in galleries. Is there a way to add that into the custom CSS? The below worked fine to center the portfolio text - but the line break is where I'm stuck. Thanks! .portfolio-grid-basic { text-align: center !important; flex-direction: column; justify-content: center; align-items: center;}
  2. Hello! Checking if anyone has any suggestions. Thank you!
  3. @Lesum - thank you for the help. I noticed only one issue - in the case that the caption is on two lines, all but the first line gets clipped. Please see business and politics as a reference page. Any recommendation there?
  4. Hello, I'm trying to make the videos here smaller so they fit within the displayed window -- by default they're larger than that. Adding some padding around the edges so it has a little space is a nice to have as well. Password is: everke Thanks!
  5. 🙂 I didn't know - saved me an extra question! Thanks!
  6. Perfect -- that brought them back. I have a couple other pages where this is true -- do I need to insert other sectionIDs for those? I'm looking to adjust on all portrait pages basically. Thank you so much.
  7. Thank you for the reply! We're close - but we lost the captions. Thoughts on adding those back in?
  8. Thanks for the reply. Yes that was the padding I was looking to remove originally. That looks fine -- but now the goal would be to get Joseph Beuys/other vertical images to be the whole width. It's accomplishing both that I'm struggling with. Thanks!
  9. Hello, I pulled the code below to remove the extra buffer between captions and image blocks -- and it worked. It has an undesired side effect that vertical images are now very narrow and small. Wondering how I can remove the padding but still keep images at full width on mobile? All of my CSS below - relevant lines in red. Thank you. Good page (all horizontal image): https://llama-cobalt-lm35.squarespace.com/covid Bad page (vertical image): https://llama-cobalt-lm35.squarespace.com/artists password: everke /* Center captions within the gallery grid */ /* Apply to all screen sizes */ .gallery-lightbox-background { opacity: 1; background-color: white; /* Change the background color here */ } /* Adjusting margin for the caption */ .gallery-caption .gallery-caption-content { font-size: 18px !important; } /* Center captions using flexbox */ .gallery-caption-grid-simple, .gallery-caption-grid-strips, .gallery-caption-grid-masonry { display: flex; flex-direction: column; justify-content: center; align-items: center; max-width: 100% !important; text-align: center !important; } @media only screen and (max-width: 767px) { .gallery-slideshow[data-show-captions="true"][data-thumbnails="false"] { margin-bottom: 70px !important; height: 60vw !important; } .gallery-caption { margin-top: 0 !important; } .gallery-caption .gallery-caption-content { font-size: 12px !important; } }
×
×
  • 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.