Re: How to change a colour of ONE WORD in my heading

Solved

How to change a colour of ONE WORD in my heading

Adj2308
Shopify Partner
7 0 0

Hi all, I a, trying to change one word in my title and heading but every time I use custom CSS it changes the colour of the whole heading. I would really appreciate some help. I have also attached my desired look below. 

 

Thank you in advance!!

 

Screenshot 2024-05-09 at 16.41.29.png

 

Accepted Solution (1)
lf-ecom-shops
Explorer
58 2 7

This is an accepted solution.

Hey @Adj2308, I got it now how you wanted it. 

<h1> HOW IT <span style='color: pink'>WORKS</span> </h1>
<style>
h1 {text-align: center}
</style>

Just paste that into a custom liquid section in the theme editor and you're ready to go 🙂
Best Regards,

Florian, CEO of LF Ecom Shops

View solution in original post

Replies 6 (6)

Dawood_Mirza_
Trailblazer
127 18 28

Hi Adj2308,
I would require more info like store url and In which title you are wanting to make changes.

 

Want to work with me - dawoodmirzabusiness@gmail.com
Don't forget to like and mark it as Solution if it was helpful to you.

Made4uo-Ribe
Shopify Partner
7623 1834 2246

Hi @Adj2308 

Would you mind to share your store URL? Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

lf-ecom-shops
Explorer
58 2 7

Yo @Adj2308 , that shouldn't be a pain in the a$$. Just remove your current heading and wherever you want to have the heading, add a custom liquid, then, paste this code into the custom liquid: 

<h1> Welcome to <span style='color: #yourcolorcode;'>Our</span> Store </h1>

Obviously replace the #yourcolorcode with your actual color code you want the word in and replace the text, if you want it smaller, just replace the h1 with h2, h3, h4 etc. If you want to center or align the heading, paste this code 

h1 {text-align: center/left/right}

Or if you use h2, h3 etc just say h2, h3...

I hope this helped, if so, please like and mark as solved 🙂
Best Regards,

Florian, CEO of LF Ecom Shops

lf-ecom-shops
Explorer
58 2 7

This is an accepted solution.

Hey @Adj2308, I got it now how you wanted it. 

<h1> HOW IT <span style='color: pink'>WORKS</span> </h1>
<style>
h1 {text-align: center}
</style>

Just paste that into a custom liquid section in the theme editor and you're ready to go 🙂
Best Regards,

Florian, CEO of LF Ecom Shops

Adj2308
Shopify Partner
7 0 0

You guys are amazing! Thank you!

lf-ecom-shops
Explorer
58 2 7

Hey @Adj2308 , no problem, if you need more help in any way, just contact me or take a look at my profile since I'm going to launch my own Shopify Web Design Agency soon. 

Best Regards, 

Florian