The black box is blank while looking at products and during checkout.
Please let me know how I can fix this.
Topic summary
Issue: The Apple Pay/dynamic checkout button appears as a blank black box on product pages and at checkout. Screenshots were provided showing the empty black button states.
Requested info: A helper asked for the store URL and, if password-protected, the password to inspect the theme.
Proposed fix: Add a CSS rule in the theme file (Assets > base.css) to set the button text color to white:
- .cart__checkout-button,
- .shopify-payment-button__button–unbranded { color: #fff !important; }
This CSS (Cascading Style Sheets) change targets the checkout and unbranded payment buttons to ensure text is visible on a dark background.
Status: No confirmation yet that the change resolves the issue; discussion remains open. Images are central for illustrating the blank button appearance.
Hi @essentialhats ,
Please send your site and if your site is password protected, please send me the password. I will check it.
Hi @essentialhats ,
Go to Assets > base.css and paste this at the bottom of the file:
.cart__checkout-button,
.shopify-payment-button__button--unbranded {
color: #fff !important;
}
Hope it helps!