Solved

Change in stock colour

vinceecom
Tourist
14 0 3

Guys how can I change the colour of my in stock circle, right now it's green but I want it to be #F8BA13

 

my store is chantal-utrecht.nl

Accepted Solution (1)

ThePrimeWeb
Shopify Partner
2039 591 463

This is an accepted solution.

Hey @vinceecom,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
.icon--inventory:after, .icon--inventory:before {
    background: #F8BA13 !important; 
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1714193696897.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Replies 4 (4)

LuffyOnePiece
Shopify Partner
504 76 91

Hi @vinceecom ,

 

Add This Css in your Edit Code > theme.css File

.grid-product__tag.grid-product__tag--sale {
    background: #F8BA13;
}

 


Please don't hesitate to reach out if you need further help optimizing or customizing your store. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
LuffyOnePiece

 

 

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
vinceecom
Tourist
14 0 3

Yo bro appreciate the help

I have a question, under the checkout button in the cart drawer I want to add a few payment icons (in the center), the icons I want are klarna, ideal, bancontact, mastercard, visa, paypal & apple pay. do you know how I can add this?

ThePrimeWeb
Shopify Partner
2039 591 463

This is an accepted solution.

Hey @vinceecom,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
.icon--inventory:after, .icon--inventory:before {
    background: #F8BA13 !important; 
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1714193696897.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
vinceecom
Tourist
14 0 3

Thanks bro it worked.

 

I have a question, under the checkout button in the cart drawer I want to add a few payment icons (in the center), the icons I want are klarna, ideal, bancontact, mastercard, visa, paypal & apple pay. do you know how I can add this?