How to Hide Alternate Payment Methods/Checkout Buttons on Cart Page?

[atmosphaera]

Hi there! My name is Britney and I'm the owner of atmosphaera. We are redoing our website from the ground up. I need some help today, particularly with my cart 🛒 page design...

I would like to remove or hide all the checkout buttons underneath the default checkout button (the purple one). However, I would only like to hide them on this page only, I would like for them to be an option at the next stage after customer clicks the purple default checkout button. See below! 😀

I have been looking into shopify apps to do this and can't find any for this specific cart page, they're all for the next stage in checkout. If you have any app suggestions for the first stage cart *page* that will allow me to customize more, please suggest them to me!

Website URL: https://www.atmosphaera.co

Theme: Taste (V14)

*NOTE: The new website/theme I am working on and need help with is not published yet, so the website URL link will take you to my current V1 theme that is published. I only need help with my unpublished theme.

[KieranR]

What's the new theme? They might have a recommended way to do this on the /cart/ page. Often there is an option in the customizer too. 

Otherwise, the general process is: edit theme code, find cart template, remove or comment out the dynamic checkout lines.

[suyash1 · Accepted solution]

@atmosphaera - using css you can hide these button on cart page, add this css to the very end of your bae.aio.min.css file and check

.cart__footer .cart__dynamic-checkout-buttons.additional-checkout-buttons {display: none !important;    visibility: hidden;}

[atmosphaera]

I found it! Thank you so much, it worked!

[atmosphaera]

Hey actually, it won't let me save my changes when I put that code in. The CSS works fine but Shopify won't let me publish or save it afterwards.

[LuxArcane]

For anyone else, i find this to be a cleaner method

.shopify-payment-button {display: none !important;    visibility: hidden!important;}