CSS for separating lines in stack gallery title?

krduva02 · April 17

Hello all,

I'm trying to figure out what will allow me to create separate lines in stack gallery titles. In my first screenshot (111) you can see the name of the artist and the title of the work keep wrapping onto one line after I save. I want them on two different lines like in my second screenshot (110). Using the Mojave template.

Also looking to change to the size and family for the title but can't get it to work--this is the css I use for a different page, even with adjustments for stack I can't get the format to work with the stack gallery:

.image-slide-title {
font-family: arial!important;
font-size: 18px!important;
color: black;
}

Any advice for either issue??

All help is much appreciated!

Edited April 17 by krduva02

christyprice · April 17

Hi @krduva02,

Squarespace removed the ability to have HTML code (like line breaks) in image titles a little over a year ago. Here's a blog post with more info: https://www.adlyticmarketing.com/blog/squarespace-using-code-and-html-in-image-titles/

To target the font for the gallery stack title, you'll need to add this to Design > Custom CSS:

 .sqs-gallery-block-stacked
 .meta-title {
  font-size: 40px;
  font-family: ariel;
  color: #000000;
}

You can play around with the font, size, and color.

krduva02 · April 20

@christyprice

Good to know! Thanks so much for your help.

Edited April 20 by krduva02

CSS for separating lines in stack gallery title?

Question

krduva02 0

Share this post

Link to post

2 answers to this question

Recommended Posts

christyprice 589

Share this post

Link to post

krduva02 0

Share this post

Link to post

Create an account or sign in to comment

Support

Community

Developers

Resources