Color of notify back in stock button

Solved

Color of notify back in stock button

rebelcopenhagen
Excursionist
19 0 2

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!

 

Mouse not over.png

Accepted Solution (1)

niraj_patel
Shopify Partner
2378 514 511

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>

niraj_patel_0-1723995747885.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

Replies 3 (3)

BSS-TekLabs
Shopify Partner
1798 511 597

- Here is the solution for you @rebelcopenhagen 
- Please follow these steps: 

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg

- 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:

BSSTekLabs_0-1723995587488.png

 

- 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 .
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
BSS Commerce - Full-service eCommerce Agency

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

niraj_patel
Shopify Partner
2378 514 511

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>

niraj_patel_0-1723995747885.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
rebelcopenhagen
Excursionist
19 0 2

Thank you very much!

It worked 🙂

 

Have a great day