Jump to content

Two colours in list item title

Go to solution Solved by Ziggy,

Recommended Posts

Hi Community,

I'd like to colour (#00a2e0) two words of a list item title to set them apart from the rest of the title. I know how to do this for the list section title using the strong tag but I have not found a solution for an item title since you cannot make words bold and I even tried using html tags inside the title.

Hope someone has a solution for this.

Kind regards
Sven

Screenshot 2023-02-07 at 10.26.25.png

Link to comment
  • Replies 4
  • Views 254
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Can you share your website URL and page?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
  • Solution

I'm not sure this will work, but it looks like you've got a <b> tag on the first item, so we should be able to target that. Try this CSS:

section[data-section-id="63d8c53f79bdf80b0293a7ec"] {
  .list-item-content__title b {
    color:red !important;
  }
}

Let me know if that works for you, and we can go from there.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
5 hours ago, Ziggy said:

I'm not sure this will work, but it looks like you've got a <b> tag on the first item, so we should be able to target that. Try this CSS:

section[data-section-id="63d8c53f79bdf80b0293a7ec"] {
  .list-item-content__title b {
    color:red !important;
  }
}

Let me know if that works for you, and we can go from there.

Works perfectly, thanks!

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.