Change the color of single words

[ShibaWonderland]

Hey everyone.

I can't figure out how to to change colors on a slideshow 'heading' text and 'text'.

I want to change the heading to the color #FF912C and the SHIBALOVE also to #FF912C.

In addition, i want to have shadow on the text. 

It is a picutre slideshow in the background.

Thank you very much!

[BSSCommerce-HDL · Accepted solution]

Hi @ShibaWonderland, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.slideshow__slide.slideshow__slide--f91e33fc-404a-4206-9bc7-ff18f7cc40d4 .hero__title .animation-contents {
   color: #FF912C;
}
</style>

 It's in a text so I can't convert the whole word "SHIBALOVE"

Hope this can help you 😍

[BSSCommerce-HDL]

Hi @ShibaWonderland, Can you kindly share your store link with us? We will check it and suggest you a solution if possible.

[ShibaWonderland]

Hey @BSSCommerce-HDL , thank you for your reply.

Do you mean the website link? The website link is: shibawonderland.com

Thank you!

[BSSCommerce-HDL · Accepted solution]

Hi @ShibaWonderland, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.slideshow__slide.slideshow__slide--f91e33fc-404a-4206-9bc7-ff18f7cc40d4 .hero__title .animation-contents {
   color: #FF912C;
}
</style>

 It's in a text so I can't convert the whole word "SHIBALOVE"

Hope this can help you 😍

[ShibaWonderland]

Thank you very much for your help!

Is it also possible to have a shadow on both texts? 

[Made4uo-Ribe · Accepted solution]

Hi @ShibaWonderland 

We can change the heading but not the subheading one word. You need a developer to adjust the backend code. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

.slideshow__slide--f91e33fc-404a-4206-9bc7-ff18f7cc40d4 .hero__title {
    color: #FF912C;
}

And Save. 

result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[ShibaWonderland]

Thank you for your reply! 🙂

But that means is possible no? I just need the code for it?

[Made4uo-Ribe]

Everything is possible if you have a good developer. Not only the code, you need to rearrange/add code/write some code. 

[ShibaWonderland]

Thank you!

Do you maybe have a solution for the Shadow thing?