Changing colour for single letter in word

[njlee]

Hi

Please help! 

I want to change the colour of a single letter in a word

https://theimpossiblesauces.com/

In the main page,

"Welcome to the I.mpossible Sauces Factory"

How do I change the . to green colour? Currently it is blue colour

Thank you! 

[PageFly-Richard]

Hi @Njlee

I’m Richard Nguyen from PageFly- Free Landing Page Builder

-Go to Online Store->Theme->Edit code

-Asset-> section-image-banner.css  paste the below code at the bottom of the file.

h2.banner__heading.h1{color:green

}

Hope my solution works perfectly for you!

Best Regards;

Richard | PageFly

[njlee]

Hi RichardNguyen, 

Actually i would like just the . to be green

Not the whole sentence. Just the "Full Stop" to be green. Other words to remain as Blue

Thank you

[oscprofessional]

@njlee 

Hello,

.banner__heading::first-letter {
	color: #27b014;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->section-image-banner.scss.liquid

Like This

[njlee]

Hi

How do i change the other letters?

Example i want the 2nd or 3rd letter to change colour

Thank u

[oscprofessional]

Hello @njlee 

First, you define a class like -

<h2 class="banner__heading h1">Welcome to The I <span class="word__dott"> . </span>impossible Sauces Factory</h2>

And Apply through CSS -

.banner__heading.h1 span{
color: #27b014;
}

[njlee]

Hi there! 

thank you for reply

where do I put both codes? which section do i add it in ?

thank you

[oscprofessional]

@njlee 
Hello,
Add this css at the bottom of Online Store->Theme->Edit code->Assets->section-image-banner.scss.liquid

[njlee]

Hi sorry

it doesnt seem to work. apologies

maybe can start from 

Step 1

Step 2

..

..

thank you so much