Jump to content

CSS for separating lines in stack gallery title?

Recommended Posts

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!

 

 

Screenshot (111).png

Screenshot (110).png

Edited by krduva02
Link to comment

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.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.