xstitchboutique Posted November 11, 2019 Share Posted November 11, 2019 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. Link to comment
christyprice Posted November 13, 2019 Share Posted November 13, 2019 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; } christyprice.com 🇺🇸 Austin, TX US ✅ For Web Designers: Squarespace Client Process Checklist. Save time and bring consistency to your web design projects. Receive a Notion doc template with my 100+ item client process checklist. Link to comment
xstitchboutique Posted November 14, 2019 Author Share Posted November 14, 2019 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. Link to comment
christyprice Posted November 14, 2019 Share Posted November 14, 2019 @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. christyprice.com 🇺🇸 Austin, TX US ✅ For Web Designers: Squarespace Client Process Checklist. Save time and bring consistency to your web design projects. Receive a Notion doc template with my 100+ item client process checklist. Link to comment
xstitchboutique Posted November 15, 2019 Author Share Posted November 15, 2019 www.crossstitchboutique.com is my website. If anyone can help me it would be greatly appreciated. Thank you. Link to comment
christyprice Posted November 15, 2019 Share Posted November 15, 2019 @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. christyprice.com 🇺🇸 Austin, TX US ✅ For Web Designers: Squarespace Client Process Checklist. Save time and bring consistency to your web design projects. Receive a Notion doc template with my 100+ item client process checklist. Link to comment
xstitchboutique Posted November 16, 2019 Author Share Posted November 16, 2019 I love you!!! It worked!! Thank you, thank you so very much! Link to comment
christyprice Posted November 17, 2019 Share Posted November 17, 2019 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. christyprice.com 🇺🇸 Austin, TX US ✅ For Web Designers: Squarespace Client Process Checklist. Save time and bring consistency to your web design projects. Receive a Notion doc template with my 100+ item client process checklist. Link to comment
xstitchboutique Posted November 23, 2019 Author Share Posted November 23, 2019 I sure will! Link to comment
xstitchboutique Posted April 14, 2020 Author Share Posted April 14, 2020 @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! Link to comment
christyprice Posted April 14, 2020 Share Posted April 14, 2020 hi @xstitchboutique, can you share the link to a product that has the additional info? that would help us see what code to target. christyprice.com 🇺🇸 Austin, TX US ✅ For Web Designers: Squarespace Client Process Checklist. Save time and bring consistency to your web design projects. Receive a Notion doc template with my 100+ item client process checklist. Link to comment
xstitchboutique Posted April 14, 2020 Author Share Posted April 14, 2020 Certainly... try this https://www.crossstitchboutique.com/bella-filipina/gaia-the-earth-goddess Thank you again. Link to comment
christyprice Posted April 14, 2020 Share Posted April 14, 2020 @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; } christyprice.com 🇺🇸 Austin, TX US ✅ For Web Designers: Squarespace Client Process Checklist. Save time and bring consistency to your web design projects. Receive a Notion doc template with my 100+ item client process checklist. Link to comment
xstitchboutique Posted April 14, 2020 Author Share Posted April 14, 2020 Oh thank you again @christyprice. It worked perfectly. You have been a great help. I really appreciate it. Link to comment
Kate Posted April 24, 2020 Share Posted April 24, 2020 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 If you are looking for a way to add Anchor Links, Gallery Blocks, or a Rotating Banner with Content Blocks overlaid in Squarespace 7.1, you can find all these plugins in our Squarespace add-on store here: www.Squareaddons.com -- Enjoy! Link to comment
xstitchboutique Posted April 26, 2020 Author Share Posted April 26, 2020 Yes! That is something that has been needed forever! I will go look into it. Thank you Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.