GSS2

Thanks.

everke.com/schools

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;}

Thank you. Everke.com

Hello! Checking if anyone has any suggestions. Thank you!

Thanks!

@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?

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!

🙂 I didn't know - saved me an extra question!

Thanks!

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.

Thank you for the reply! 

We're close - but we lost the captions. Thoughts on adding those back in? 

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!

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;
}

}