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

Adding subtitle to list section


jbassett

Question

Site URL: https://www.eshertennis.co.uk/tennismembershipnew

password: james

Hi there

I'm using 7.1 and I'd like to add a 'subtitle' to items within the list section - styled the same as the item title but a little bit smaller. I'd like it to appear on every list item on this page (and some other pages) but not on every list section throughout the site.

Please see the attached reference for what I'm trying to achieve. The £260 is the subtitle I mean.

I don't see an option within Squarespace so I'm assuming this requires custom CSS.

Thanks in advance to anyone who can help!

Screenshot 2021-09-27 at 10.38.41.png

Edited by jbassett
updated link and password
Link to comment

5 answers to this question

Recommended Posts

  • 0

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.

Specialising in Squarespace CSS and customisation.

If my answers have helped you, please drop a like and mark my answer as best to help other users find solutions quickly.

You can also thank me by buying me a coffee.

Link to comment
  • 0

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/

 

Screenshot 2021-10-08 at 18.51.23.png

Screenshot 2021-10-08 at 18.52.12.png

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