Hi I hope I can get help here. I cannot figure out how to get the button a customer would click to take them straight to checkout. When click the cart and the popup comes up, it looks all black. The button above “view cart” is fine. I have searched this, tried codes, and still wont fix it.
Topic summary
Issue: The checkout button in the cart notification (mini-cart pop-up) appeared fully black, and a black dot showed on the header cart icon.
Context: The store URL was shared for review. The problem centered on theme styling in the cart notification.
Proposed fixes:
- Edit theme.liquid (theme’s main template) and add custom code before . Screenshots showed the button rendering correctly after this change (exact snippet not fully visible in the thread).
- Alternatively, add CSS (Cascading Style Sheets) via Online Store > Themes > Customize > Theme settings > Custom CSS:
#cart-notification-form button { color: #fff; }
This made the button text visible against the background.
Follow-up: To remove the black dot on the cart icon, an updated code change was provided (specific snippet not fully visible), with a screenshot confirming the dot’s removal.
Outcome: The merchant confirmed both fixes worked. No further issues reported.
Notes: Images and code snippets were central to demonstrating the results. Key terms: cart notification = the pop-up mini-cart; theme.liquid = primary theme file for custom code. Status: Resolved.
Hey @Sfrost0102
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
Best Regards,
Moeed
https://eyeease.net/products/wireless-smart-eye-massager
This is a direct link to an item. Also, there is a black dot on the cart button in the header as well and I don’t seem to understand why either. Thank you!
Step 1: Go to Admin → Online store → Theme > Edit code
Step 2: Search for the file theme.liquid
Step 3: Add this code before tag
Result:
If it helps you, please like and mark it as the solution.
Best Regards 
Hi @Sfrost0102
Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings to solve the issue
#cart-notification-form button { color: #fff; }
Yes thank you! Also, Do you happen to know how to remove that black dot on the shopping bag at the top? I don’t think it looks right
Worked perfectly! Thank you so much!