Color CTA's collection and Checkout are not changing

[Thetraveladdict]

Hi All,

The colors of my collection CTA and Check out CTA are not changing. Even though i added a code or changed the color scheme.

Collection page:
https://thetraveladdict.nl/collections/webshop-koffers

Checkout:

CTA needs to be green: #00B900
Text: White

Store:
https://thetraveladdict.nl/

Theme: Craft

Thanks!

[Made4uo-Ribe]

Hi @Thetraveladdict

Shopify Basic / Standard / Advanced- You cannot edit the checkout page’s CSS directly.

• Shopify restricts access to checkout files for security and stability reasons.

• The only allowed changes are through:

  • Theme Settings (colors, fonts, logo)

  • Checkout branding via the admin panel
    → Settings > Checkout > Customize

[namphan]

Hi @Thetraveladdict ,

Please go to Customize > Theme settings > Custom CSS and add code:

.cart__checkout-button.button, 
.quick-add__submit {
    background: #00B900 !important;
    color: #ffffff !important;
}

[BiDeal-Discount]

Hi @Thetraveladdict

let try to add this css code:

.form .quick-add__submit {
  background: rgb(var(--color-button-text));
  color: white;
}
.cart__checkout-button {
  background: rgb(0,185,0);
}
.cart__checkout-button::after{
  box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(0,185,0,1);
}

[Dan-From-Ryviu]

Please go to your store admin > Sales channels > Online store > Themes > Customize > Theme settings > in Custom CSS, add this code and click Save.

.quick-add .quick-add__submit,
.cart__footer #checkout {
background: #00B900 !important;
background-color: #00B900 !important;
color: #fff !important;
}
.cart__footer #checkout:after {
box-shadow: unset;
}