Thanks @BSS-TekLabs ! One more thing, is it possible to replace the circle in the cta with an arrow pointing right instead? That would be awesome !!
Topic summary
Goal: remove the total price from the “Proceed to payment” CTA (call-to-action) in the Upcart cart drawer and make this CTA a distinct color from other small “Add to cart” upsell buttons.
Solution provided: a contributor shared theme-level CSS (Cascading Style Sheets) changes via Online Store > Themes > Edit code > base.css:
- Hide price: target .upcart-checkout-button-container .money and set display: none !important.
- Change CTA color: target .upcart-checkout-button within .upcart-checkout-button-container and set a custom background color (example used #2403ff). Screenshots show the desired result.
Alternate suggestion: another participant advised adding code in theme.liquid above to remove the price, but the code snippet was empty, so the method is unclear/incomplete.
Follow-up request: the OP asked to replace the circular icon in the CTA with a right-pointing arrow. The helper requested store access and moved the discussion to private messages.
Status: price removal and CTA color differentiation are addressed with CSS; icon replacement is pending and being handled off-thread. Images are central to illustrating the before/after state.
1 Like