Changing the color of a current word

Shopify Discussion
1

Hey there,

I hope you are doing well. I have a small issue with the design of my homepage.

I wish to change the color only of one word. I will attach a screenshot of the exact way that I want it.

Can I do it with a custom CSS?

I really appreciate any help you can provide.

Best,
Choob Shop

Screenshot 2024-07-12 at 19.15.26.png
Screenshot 2024-07-12 at 19.15.26.png423×105 3.4 KB

Screenshot 2024-07-12 at 19.16.37.png
Screenshot 2024-07-12 at 19.16.37.png1394×603 449 KB

2

Can you please provide us a picture of the homepage’s customization, specifically the image section with the text?

3

@ChoobShop hey, thanks for posting here.
for it you need to put in span tag or any other to target .

or it will posible with custom js.
can you please share the link to inspect it, thanks.

4

Hey! I think I need a clarification on what part you need because the text and image sections are in two different sections?

5

Yea, sure!
https://www.choobshopbg.com/en
The pass is: 112233

6

Instructions

  1. Go to ‘Online Store’ → Themes → Customize

  2. Go to the Image Banner Section and click on the heading block

  3. Surround the wooden word with the span element like this:

wooden.PNG
wooden.PNG358×364 13.1 KB

  1. Go to your Active Theme and click on the 3 dots (…) → Edit Code

  2. Inside the Assets Folder locate the file ‘base.css’

  3. At the bottom of the file paste the below code

#Banner-template--21622885351751__image_banner .banner__heading span{
   color: green;
}
7

Hey @ChoobShop

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1720803658292.png
Moeed_0-1720803658292.png1896×749 179 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed