Bolding separate lines in product title and changing color

Site URL: https://viedeluxeconsignment.com/vdl-boutique

Hi there!

CSS newbie here... I just found out how to add multiple lines to my product titles (yay).  Now I want to take it a step further and bold the first line, and then bold the sale percentage drop and turn it red.

Any help you can offer would be wonderful!  Thank you so much. 🙂

What code did you already use to add multiple lines to the product titles?

Any ideas on how I can accomplish this?  Thanks!

Oh no!  I actually found the code on a Squarespace blog.  Will do!

And thank you so much for your help!  Unfortunately it bolded all the lines, not just the top and bottom lines.

Scratch that, lol.  My apologies, I just noticed the "endcap" was different.  I cannot thank you enough for your help!  Lastly, is there a way to turn the last line red?

Use this:

<span style="color:red;"> text goes here </span>

Hmm, it's not working for some reason.

Sigh... Scratch that again.  I was working off the product detail page.  It wasn't showing the changes, but then when I went back to the main product page, it was.  It's early, and I need more coffee.

I cannot thank you enough for your help!

21 minutes ago, ViedeLuxeConsignment said:

It's early, and I need more coffee.

Coffee always helps!