Font color in product description

I want to highlight one sentence in a product description by changing its color.  I cannot believe that in the text format box there is no standard options for changing color of text.  Just like there is right here where I am typing this!  I have now spent 3 hours trying to figure out how to do it with no luck at all.  I do not want to add a code block to the additional information area.  I want this to appear right next to the product image, not underneath.  There must be a way to do this?  This should be something quick and simple... I just don't get it.

I want my description to look like this: (which took me 1 second to do here)

Design size is 24" x 27" stitched 2 over 2 on 28 count fabric.

This is a digital file that will be emailed to you within 3 business days after purchase.

I want the second sentence to be red.  How do I do this?

Thank you.

It may depend on the exact template you are using, but you would target the product description and set up italics to be red instead of italics in Custom CSS. Then when you write out your description, put what you want to be red in italics. So something like this in Design > Custom CSS

.ProductItem-details-excerpt em {
color: #990000 !important;
font-style: normal !important;
}

Thank you for your response.  I have yet to change anything in the CSS.  I have no experience with that.  I added what you typed there exactly and it didn't work.  I am guessing I have to have more code than that.

So I am guessing there is no easy way to do this...  something that should be a standard thing.

Thank you again.

@xstitchboutique sure thing. If you want to post the link to your site, someone may be able to give you the exact code and walk you through it. 

www.crossstitchboutique.com

is my website.  If anyone can help me it would be greatly appreciated.

Thank you.

@xstitchboutique,

Try copying and pasting in the code above to Design > Custom CSS. Make sure you have all of it and that there is no error in the window.

Then, edit a product description and italicize the sentence you want to be in the red color. You won't see the red here.

Save it, then open up a new browser window and look at that product on the live site. The sentence you italicized will show up in red.

I love you!!!  It worked!!  Thank you, thank you so very much!

Thanks so much @xstitchboutique! Could you please vote up my solution (the arrow on top of the 0 on the left of the post) and like the post (bottom right thumbs up symbol)? That lets others know it was solved.

I sure will!

@christyprice this has been so helpful for me.  Is it possible to do the same thing for the text in the additional information section?

Thank you!

hi @xstitchboutique, can you share the link to a product that has the additional info? that would help us see what code to target.

Certainly...  try this

https://www.crossstitchboutique.com/bella-filipina/gaia-the-earth-goddess

Thank you again.

@xstitchboutique try adding this code to Design > Custom CSS. Make sure you have all of it and that there is no error in the window.

Then, edit the product additional information and italicize the sentence you want to be in the red color. You won't see the red here.

Save it, then open up a new browser window and look at that product on the live site. The sentence you italicized will show up in red.

.ProductItem-additional em {
color: #990000 !important;
font-style: normal !important;
}

Oh thank you again @christyprice.  It worked perfectly.  You have been a great help.  I really appreciate it.

We made an add-on you can use to customize text on your site as well. Comes in handy for headlines you want to emphasize, etc. Can be found here: https://www.squareaddons.com/shop

Yes!  That is something that has been needed forever!  I will go look into it.  Thank you