Shopify themes, liquid, logos, and UX
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!
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
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
All features are available from Free plan. Live Chat Support is available 24/7.
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
@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
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;
}
Hi there!
thank you for reply
where do I put both codes? which section do i add it in ?
thank you
@njlee
Hello,
Add this css at the bottom of Online Store->Theme->Edit code->Assets->section-image-banner.scss.liquid
Hi sorry
it doesnt seem to work. apologies
maybe can start from
Step 1
Step 2
..
..
thank you so much
Find Global Growth Opportunities For Your Business with Shopify AcademyLearn how to exp...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025