Checkout / Cart Page Problems

Store Design
, ,

Topic summary

A user is experiencing a critical issue where their checkout page lacks a visible checkout button, making purchases impossible. They also want to replace the PayPal button with Apple Pay or Google Pay options.

Attempted Solutions:

  • Adding CSS code to base.css to change button background color
  • Inserting custom styling in theme.liquid file to add borders and adjust button appearance

Current Status:

  • None of the proposed CSS fixes have resolved the visibility issue
  • The problem persists on the live site (resonancemusiccollective.com)
  • A syntax error may have been introduced during implementation

Key Points:

  • The checkout button styling code should be placed before the </body> tag in theme.liquid, not after
  • Payment method options (Apple Pay/Google Pay) need to be enabled separately in Shopify’s payment settings
  • The issue remains unresolved and requires further troubleshooting
Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

Hi there,

I’m looking for help to fix my checkout page. Currently the checkout page doesn’t include a visible button which is a big issue. Also I would like to change the Paypal button to Apple pay or Google Pay as these are used way more often.

I’d appreciate any guidance or tips on how to achieve this. (Please see below for example)

Thanks in advance for your support!

resonancemusic_2-1748053125487.png
resonancemusic_2-1748053125487.png1170×625 35.8 KB

1 Like
2

Hello @resonancemusic ,

Please share the store URL.

Regards
Guleria

3

Follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your base.css file and paste the following code at the bottom:

.cart__checkout-button { 
    background-color: #000;
}

About payments buttons check the payment settings and enable the missing payments options.

Regards
Guleria

4

Hey there @resonancemusic You should try the following steps here and let me know what happens

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save

<style>
#CartDrawer-Checkout{
    border: solid 1px rgb(var(--color-foreground));
    color: rgb(var(--color-foreground));
}
</style>
5

Apologies, its www.resonancemusiccollective.com

6

The button colour didn’t fix it unfortunately

7

This didn’t work unfortunately, I have saved and you can see the result at www.resonancemusiccollective.com

8

Syntax error in your css.
Seems you break it.

btw to make it work edit theme.liquid

search for once found paste this code there

.cart__checkout-button { background-color: #000; }
9

Didn’t work unfortunately, currently I have this pasted at bottom of theme.liquid

.cart__checkout-button { background-color: #000; }