View Cart and Checkout Button CSS

Solved
jacauschi23
Explorer
60 9 17

TEST SITE: https://doja-exclusives.myshopify.com/collections/products/products/core-doja-hoodie

PW: aobrew

(Add item to cart to view buttons)

 

Can't figure out why this isn't working...

 

#viewcart.button.button--outline {
  border-radius: 60px !important;
  border: 2px solid #e90000 !important;
  font-size: 12px !important;
  font-family: helvetica !important;
  text-transform: uppercase;
}
#viewcart.button.button--outline:hover {
  border-radius: 60px !important;
  border: 2px solid rgba(233, 0, 0, 0.85) !important;
  font-size: 12px !important;
  font-family: helvetica !important;
  text-transform: uppercase;
}
#checkout.button.button--solid {
  border-radius: 60px !important;
  border: 2px solid #e90000 !important;
  font-size: 12px !important;
  font-family: helvetica !important;
  text-transform: uppercase;
}
#checkout.button.button--solid:hover {
  border-radius: 60px !important;
  border: 2px solid rgba(233, 0, 0, 0.85) !important;
  background-color: rgba(233, 0, 0, 0.85) !important;
  color: white !important;
  font-size: 12px !important;
  text-transform: uppercase;
}

 

 

KetanKumar
Shopify Partner
17323 1871 6473

@jacauschi23 

can you please share screenshot which button do you have to change color style 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
jacauschi23
Explorer
60 9 17

@KetanKumar the View Cart and Checkout buttons shown when you add an item to your cart

 

Screen Shot 2021-04-12 at 11.15.45 PM.png

0 Likes
KetanKumar
Shopify Partner
17323 1871 6473

This is an accepted solution.

@jacauschi23 

yes, please add this code /* change the all values or add as you like  */

button#ViewCart {
    background: #000;
    color: #fff;
    border-color: #000;
}
input#CheckOut {
    background: orange;
    color: #fff;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
jacauschi23
Explorer
60 9 17

@KetanKumar Thanks

0 Likes
VISHESH
New Member
2 0 0

I have a big problem that I ordered my product on9 April 2021 but it has deliver just then. What should i do? Pls help me sir i have payment online by debit card. I'm from india sir help me.... 

0 Likes
jacauschi23
Explorer
60 9 17

@VISHESH what?

0 Likes
VISHESH
New Member
2 0 0

My order has nit receive since a week. I over my product 8april 2021 late night by Facebook advertisement and I payment online but order didn't get that i have problem I'm in trouble help me. Can I get complaint number or customer care number of India I can contract pls help me hurry.... 

0 Likes