How can I change the color of a specific word on my website?

[stargazeussa]

Hello, I would like if i can change the color on one word in my shop

I would like the word: Sale changed to hex code: #FF0000

the “Sale” is placed at the header of my website

https://www.stargazeastronomical.com/

thank you have a great day

[Michael_Pink]

Hi @stargazeussa
You can try follow this path:
Themes => edit code => asset => base.css
and add this code to bottom of the file base.css

.badge {
background: #F00;
border-color: #F00;
}

[Transcy]

Hello @stargazeussa ,

You can try to follow these steps:

• Go to Online Store → Themes → Actions → Edit code
• Go to header.liquid file
• Look for the code that corresponds to the word “Sale.” It may be enclosed within an HTML tag such as

  ,

  , , or

  .

• Modify it to Sale or

  Sale

  .
• Open Assets folder → base.css file → add this following code at the bottom of page

.sale-word {
  color: #FF0000;
}

Note: Replace ‘.sale-word’ with the class or ID you added

• Save and preview

Hope this can help.

Transcy

[stargazeussa]

Hello Yes i did this it was of great help and gave me a perfect addition i did not know i could do. But i wanted to change the header (where it says Sale on the header) I still cannot figure that out thank you a lot though and hopefully i can get another response from you soon.

( Picture of the page above)

[EBOOST]

Hi @stargazeussa ,

May I suggest to update code these steps:

1. Go to Store Online-> theme → edit code

2. Layout/theme.liquid

3. Add code below to end of file and before tag