As you can see the text is white which is causing it to blend in with the background. How do i change it to black?
thank you
Topic summary
A user is experiencing a text visibility issue in their Shopify checkout section where white text is blending into a white background, making it unreadable. The problem specifically affects the cart drawer checkout button.
Troubleshooting attempts:
- A support member provided CSS code to be added above
</body>intheme.liquid - The code targets
button#CartDrawer-Checkoutwith black text (color: #000) and white background (background: #fff) - Initial code attempts failed to resolve the issue
Current status:
- Multiple code revisions have been provided, with the latest including
!importantflags to override existing styles - The user has correctly implemented the code but the problem persists
- Discussion remains ongoing with no confirmed resolution yet
Screenshots throughout show the implementation steps and persistent white-on-white text issue in the checkout interface.
please paste the given code above in theme.liquid.
layout >> theme.liquid
button#CartDrawer-Checkout {
background: #fff;
color: #000;
}
@Maxyb77 sorry. please replace the code.
button#CartDrawer-Checkout { background: #fff; color: #000; }
Still does not work for some reason
ok, one more try. paste this code on the same place.
button#CartDrawer-Checkout { background: #fff!important; color: #000!important; }