Hello, i want to make the " Go to checkout button" blue. Right now it has our shops overall button design. But i want it to stand out. Do anybody know what css i should add to do this?
The color code i want: #191d44
The button is called “GÅ TIL CHECKOUT”
Example page: https://americanwine.dk/cart (Add something to cart to view this)
Thanks!
@LauraOO
add below css
button.Cart__Checkout.Button.Button--primary.Button--full.aiod_cart_loaded:hover {
background-color: #191d44 !important;
}
Hey @Ujjaval Thanks for the reply!
The CSS you mentioned makes the button blue on hover only.
Can’t it be blue from start?
@LauraOO
you need to change the class of that button other color will be effect to other button also
by replacing above css with this one
.Button--primary::before, .shopify-payment-button__button--unbranded::before, .spr-summary-actions-newreview::before, .spr-button-primary:not(input)::before {
background-color: #191d44 !important;
}
Where do i change the class for the other button, do you have a location of that?
Because then i could make the button blue instead of both of them being blue.
I think you have guided me in the right direction. I just made a new class and added the same CSS as the other button has. The only thing it does not have is the button transition thing the other button has? 
@LauraOO
from here you can change class name
Yes i have done that, as i replied before it looks fine now. The only thing that is missing is the button transition. @Ujjaval
