How can I change the color of this Text?

Shopify Discussion

Topic summary

A Shopify user needs to change the color of two specific words on their site.

A helper provides a CSS solution targeting the .sale-message class to change the text color to red. The code snippet needs to be added to the theme.liquid file within <style> tags before the <body> tag.

When the original poster struggles to locate the body tag, the helper provides detailed step-by-step instructions with screenshots:

  • Navigate to Online Store → Themes → Three dots menu → Edit code
  • Open the theme.liquid file
  • Scroll down to find the <body> tag
  • Insert the CSS code in <style> tags above it

The original poster thanks the helper for their assistance. The discussion appears resolved with the solution provided, though no explicit confirmation of successful implementation is given.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

Hello guys, how can I change the color of only these 2 words.

2000.png
2000.png1618×775 203 KB

1 Like
2

hey @NikosBat share the URL of your website so i can help you
and if there is password then share it

3 
.sale-message {
    color: red;
}

MustafA16_0-1742897256070.png
MustafA16_0-1742897256070.png1280×400 130 KB

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
under the tag before the body ----->
if this code work please do not forget to like and mark it solution

1 Like
4

Hey MustafA16 and thanks for your answer, how can I find the body part, could not find it :confused:

1 Like
5

hey @NikosBat follow these steps

MustafA16_0-1742924843729.png
MustafA16_0-1742924843729.png463×255 3.13 KB

then

MustafA16_1-1742924871537.png
MustafA16_1-1742924871537.png260×132 3.48 KB

open the three dots then

MustafA16_2-1742924921970.png
MustafA16_2-1742924921970.png388×320 15.9 KB

open the edit code then

MustafA16_3-1742924961651.png
MustafA16_3-1742924961651.png302×294 10.5 KB

open the theme.liquit file then

MustafA16_4-1742925002972.png
MustafA16_4-1742925002972.png313×127 2.51 KB

then scroll down and find the body tag

then place this code

now if i managed to help you then don’t forget to like and mark it solution

1 Like
6

Thanks for your time and help MustafA16