button desing

Itamar2020
Excursionist
48 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 Expert
3375 446 494

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 or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

Itamar2020
Excursionist
48 0 3
BSS-Commerce
Shopify Expert
3375 446 494

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 or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

Itamar2020
Excursionist
48 0 3

hi, still yellow:

 

Itamar2020_0-1704267485592.png

 

BSS-Commerce
Shopify Expert
3375 446 494

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 or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

Itamar2020
Excursionist
48 0 3

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

 

Itamar2020_0-1704705083905.pngItamar2020_1-1704705092503.png