Shopify themes, liquid, logos, and UX
Hi.
My "Notify when back in stock" button is white, on a white background so people don't know it exist.
When you hover the cursor over the button it turns black but when people don't know it's there, they don't know to hover the mouse over.
I have looked everywhere in the theme and can't find any place to change the color.
I am not using a thirdparty app for this to my knowledge.
The theme is Kalles
The link is https://www.rebelcopenhagen.dk/collections/nyheder/products/hy42-944?variant=50262467477830 (the beige boot in a size 36 is the test)
Thank you!
Solved! Go to the solution
This is an accepted solution.
Hello @rebelcopenhagen
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
.t4s-product-form__buttons .t4s-pr__notify-stock{
background-color: #a86871 !important;
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
- Here is the solution for you @rebelcopenhagen
- Please follow these steps:
- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.
.t4s-product-form__buttons .t4s-pr__notify-stock {
background: black !important;
}
- Here is the result you will achieve:
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
This is an accepted solution.
Hello @rebelcopenhagen
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
.t4s-product-form__buttons .t4s-pr__notify-stock{
background-color: #a86871 !important;
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
Thank you very much!
It worked 🙂
Have a great day
In Canada, payment processors, like those that provide payment processing services t...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025