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

Font color in product description

Question

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.

Share this post


Link to post

8 answers to this question

Recommended Posts

  • 1

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.

Share this post


Link to post
  • 0

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;
}

 

Edited by christyprice

Share this post


Link to post
  • 0

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.

Share this post


Link to post
  • 0

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

 

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...