Solved

Text color "Shop now" button on Impulse

Clodh987
Tourist
3 0 0

Hello everyone, I' m Claudio.

I have a problem regarding my shopify store.

I' d like to change the text color of this "shop now" button on the video hero section present on my landing page (screenshot).

I' ve tried to add a code on "theme.css" without any result.

 

thepawsup.jpg

 

Thank you everyone for your time!

 

Accepted Solution (1)
Moeed
Shopify Partner
3531 890 1106

This is an accepted solution.

Hey @Clodh987 

 

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 </body> tag

<style>
.hero--template--19727772451141__1649417351a0cb586c .btn {
    color: #ffffff !important;
}
</style>

RESULT:

Moeed_0-1705427661909.png

 

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

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Canva to Shopify in clicks - Free App

View solution in original post

Replies 5 (5)

Natasha-Saed
Shopify Partner
396 43 69

Hi,

 

Can you share your store url please and the color value you want to assign

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint
Clodh987
Tourist
3 0 0

Hello,

this is the website thepawsup.net

And for the color I'd like #FFFFF

 
 
Moeed
Shopify Partner
3531 890 1106

This is an accepted solution.

Hey @Clodh987 

 

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 </body> tag

<style>
.hero--template--19727772451141__1649417351a0cb586c .btn {
    color: #ffffff !important;
}
</style>

RESULT:

Moeed_0-1705427661909.png

 

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

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Canva to Shopify in clicks - Free App
Clodh987
Tourist
3 0 0

Thank you! 🙏

yashgarg
Shopify Partner
102 26 32

Hey @Clodh987 ,

 

It looks like you have earlier customized this by adding css in some .liquid file, as I am able to see this code in inspector

 

.hero--template--19727772451141__1649417351a0cb586c .btn {
background: #fc8b3d !important;
border-color: #fc8b3d !important;
color: #000 !important;
}
 
So wherever you made this change, you just have to go there and change values of background color and border color to your desired values.
 
Thanks
Yash Garg
If this works for you, please give it a like and mark it as the solution! Thanks 🙂
Feel free to contact me for Shopify tech support
Email: yashgarg.tech@gmail.com