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.
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase
Post purchase upsell, downsell offers to improve sales and AOV
Salemate Post Purchase Upsell
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
Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024The Hydrogen Visual Editor is now available to merchants in Shopify Editions | Summer '...
By JasonH Sep 2, 2024Note: Customizing your CSS requires some familiarity with CSS and HTML. Before you cust...
By JasonH Aug 12, 2024