Adding subtitle to list section

In case it helps anyone else. I solved this myself.

I realised the title field allows for html tags, so I added this directly into the list item title field: TITLE <p style="font-size: 30px; line-height: 0.4; vertical-align: 5px;">SUBTITLE

And it works really well.

Not sure if Squarespace have made an update but my proposed solution above no longer works. The html now shows up on the site (see attached).

Does anyone have any other suggestions I can try?

You're missing a closing </p> tag.

<p style="font-size: 30px; line-height: 0.4; vertical-align: 5px;">SUBTITLE</p>

Also, if you're using a List Item, I believe that that particular block may not support HTML so that'd be part of the issue.

You'd be better off making the text bold and using something like:

.list-item-content__title strong { font-size: 30px; line-height: 0.4; vertical-align: 5px; }

In your custom CSS.

Thanks for the reply. I should've said that adding a closing p tag makes no difference (see attached image). It appears fine as you enter the html into the title field (with or without the closing p tag), but when you save the page it reverts to showing the code as text. This was working fine last week.

The CSS you provided didn't appear to change anything at all? What I really want is a smaller subtitle in the same style as the title but slightly smaller and a line below. I can see a few threads with similar requests (see links below) but I'm not experienced enough with code to know how to customise them for my requirements.

https://forum.squarespace.com/topic/171861-adding-a-subtitle-to-a-title-to-thumbnails-in-portfolio-grid

https://forum.squarespace.com/topic/175424-adding-a-second-linesubtitle-to-grid-and-product-detail-pages/

https://forum.squarespace.com/topic/192582-add-subtitle-to-index-item-tiles-in-york-template/

I solved this myself! Instead of trying to target the title of the list item, I used p::first-line to change the style of the first line of the detail copy.