Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

CSS for separating lines in stack gallery title?


krduva02

Question

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 post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

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/bl

Posted Images

2 answers to this question

Recommended Posts

  • 0

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 post

Create an account or sign in to comment

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


×
×
  • Create New...