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

Link to comment
  • Replies 2
  • Created
  • Last Reply

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.

christyprice.com  🇺🇸 Austin, TX US 

 Get my 100+ item Client Process Checklist for $17.
📔 Flourish Journal for Creative Entrepreneurs - 365 days of prompts
🎥 Watch Circle Live: Hello Income (feat. Christy Price and Jeremy Schwartz)
🎬 Watch It's Not Hard to Say Goodbye: Crafting Client Offboarding from Circle Day 2023

Link to comment

Archived

This topic is now archived and is closed to further replies.

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