Can I style captions through the SquareSpace designer?

Hi,

I'm currently designing a site in squarespace. I'm a documentary photographer.

I'd like to be able to customise the look of my captions as show in the attached screengrab.

I'm wondering if this is possible through the SquareSpace designer. I couldn't find a way - instead I'm using the following custom CSS/HTML:

Custom CSS

.gallery-section .gallery-caption p whenwhere::before {
  // respect new line in Description textbox
  content: "\A"; 
  white-space: pre;
}

.gallery-section .gallery-caption p whenwhere {
  color: #990000;
  font-style: italic;
}

Custom HTML

I am using a custom <whenwhere/> element for the date/time + location part of my caption:

Walter Kruger sits in the wreckage of the Corrugated Iron Church.
<whenwhere>3 January 2021. Yuwaalaraay Country / Lightning Ridge, NSW.</whenwhere>

This is entered in the Description textbox for the image. The images are displayed using a Gallery Section.

Is this possible from within the SquareSpace designer at all? I couldn't find a way through the designer to access and style gallery captions, but that could (probably) just be me.

Thanks!
Michael

25 minutes ago, Michael Weinhardt said:

Hi,

I'm currently designing a site in squarespace. I'm a documentary photographer.

I'd like to be able to customise the look of my captions as show in the attached screengrab.

What is shown in the screengrab is the result of the following css:

.gallery-section .gallery-caption p {
  white-space: pre;
}

.gallery-section .gallery-caption p whenwhere {
  color: #990000;
  font-style: normal;
}

Note - I am using a custom <whenwhere/> element for the date/time + location part of my caption:

Walter Kruger sits in the wreckage of the Corrugated Iron Church.
<whenwhere>3 January 2021. Yuwaalaraay Country / Lightning Ridge, NSW.</whenwhere>

This is entered in the Description textbox for the image. The images are displayed using a Gallery Section.

Is this possible from within the SquareSpace designer at all? I couldn't find a way through the designer to access and style gallery captions, but that could (probably) just be me.

Thanks!
Michael

I saw you used html in the caption and it showing custom style already, what's wrong

4 minutes ago, bangank36 said:

I saw you used html in the caption and it showing custom style already, what's wrong

Hi bangank36,

I have the caption looking how I wanted, but only with custom HTML+CSS. I'm wondering if there is a way to achieve this look natively via the SquareSpace designer ie so I don't need to customise with code.

Cheers,
Michael

47 minutes ago, Michael Weinhardt said:

Hi bangank36,

I have the caption looking how I wanted, but only with custom HTML+CSS. I'm wondering if there is a way to achieve this look natively via the SquareSpace designer ie so I don't need to customise with code.

Cheers,
Michael

OH I see, it's not possible, you only can change the generic font and color via section color and heading style

On 4/27/2021 at 10:43 AM, bangank36 said:

OH I see, it's not possible, you only can change the generic font and color via section color and heading style

Thanks bangank36.

That's what I figured but I appreciate the confirmation.

Cheers,
Michael