How can I apply 'Use outline button style' to cart page buttons?

How can I apply 'Use outline button style' to cart page buttons?

Itamar2020
Excursionist
50 0 3

how do i use "Use outline button style" on the buttons in the cart page?

beacuse the bottom button is not without "Use outline button style" so it is not changing to the color i want and there is no setting for that

please help

 

1.png

Replies 6 (6)

BSS-Commerce
Shopify Partner
3477 464 551

Hi @Itamar2020 ,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
Itamar2020
Excursionist
50 0 3
BSS-Commerce
Shopify Partner
3477 464 551

Insert this CSS snippet into your CSS file:

#shopify-section-template--21878534373687__cart-footer .cart__footer button[type=submit] {
    background-color: transparent;
    border: 1px solid black;
    outline: none;
}

#shopify-section-template--21878534373687__cart-footer .cart__footer button[type=submit]::before {
  box-shadow: none;
}

#shopify-section-template--21878534373687__cart-footer .cart__footer button[type=submit]::after{
  box-shadow: none;
}

 Result:

view - 2024-01-03T140921.795.png

Hope it helps @Itamar2020 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
Itamar2020
Excursionist
50 0 3

hi, still yellow:

 

Itamar2020_0-1704267485592.png

 

BSS-Commerce
Shopify Partner
3477 464 551

Hey @Itamar2020 ,

This is the code in my store:

.shopify-payment-button__button--unbranded {
  background-color: transparent !important;
  color: black;
}

Evidence image:

view - 2024-01-08T095139.588.png

Hope it helps you. If it doesn't work, can you find me exactly where that button is in the code and its class name and I will be able to help you better.

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
Itamar2020
Excursionist
50 0 3

yes inside the website it seem to work but in reality stays yellow... look

 

Itamar2020_0-1704705083905.pngItamar2020_1-1704705092503.png