p.cart__subtotal.text-money.spacer-bottom-none.text-large.text-ellipsis, p.spacer-bottom-none, span.money, p.cart__policies.text-center.text-small.rte {
color: #000;
}
Topic summary
Goal: Remove unwanted sections on the cart page (Select preferred delivery date, Discount code, How did you hear about us) in a Debutify-themed Shopify store and fix contrast issues.
Actions taken:
- Added CSS in Assets/theme.scss.liquid to hide elements: .dbtfy.dbtfy-delivery_date…, .CartDiscount.card-body, .card.form-vertical { display: none; }.
- Iteratively adjusted colors for readability on white backgrounds (text, icons, quantities) using selectors for cart and product pages.
Key CSS targeting:
- Prices: product/home page white via .box span.money { color: #fff; }, cart page black via body#your-shopping-cart span.money { color: #000; }.
- Icons: global white span.material-icons-outlined { color: #fff; }, overridden to black on cart/product via .dbtfy-cart-page-container… and #ProductMeta-template–… selectors.
- Reviews: numbers/titles forced to white via #az_reviews … { color: #fff; }.
New issue: Checkout button stopped working after CSS changes. Contributor notes color CSS shouldn’t break functionality; advises commenting/removing added CSS to test, then re-adding incrementally. User shared current CSS and temporarily set .action_button.bold-checkout { pointer-events: auto !important; }.
Status: Visual issues largely addressed; checkout button functionality unresolved. Next step is to remove recent CSS, verify button works, then reintroduce rules step-by-step to isolate the culprit. Code snippets are central to the discussion.