Can I remove quick checkout icons from the checkout page in Dawn?

Store Design

Topic summary

A user wants to remove quick checkout payment icons (like Apple Pay, Google Pay, etc.) from their Shopify checkout page while keeping the actual payment options functional—they simply dislike the visual appearance of the icons.

Solution Provided:

  • Add CSS code to the base.css file (Actions > Edit code > Assets > base.css)
  • Code snippet: .additional-checkout-buttons { display: none !important; }

Current Status:

  • The solution initially worked successfully
  • However, the icons have reappeared despite the code still being present in the file
  • The user has requested additional help to resolve why the fix stopped working

Resolution: Ongoing—awaiting further troubleshooting assistance to determine why the CSS override is no longer effective.

Summarized with AI on November 23. AI used: claude-sonnet-4-5-20250929.
1

Hi all,

is it possible to remove these quick checkout icons from the checkout page?
I do like to have the option to pay with these but just don’t like the appearance of them on that page. Here’s a picture to clarify my question:

B221FF59-E414-4063-8DE0-019DF0CA5A6B.jpeg
B221FF59-E414-4063-8DE0-019DF0CA5A6B.jpeg1170×1985 108 KB

Thanks in advance!

2

Hi @nuie123 ,

Can you share your store URL

3

@SmallTask I’m familiar with Editing Coding I will appreciate if you have code for it and where should I add it to ? Thanks

4

Hi @nuie123 ,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.additional-checkout-buttons {
      display: none !important;
}

Hope it helps!

5

@Litos works like magic! Thank you very much !!!

1 Like
6

Hi @Litos

I don’t know what happen but I see those quick payments icons again!! although the code you sent me is still there.

Can you please help?

https://topcrownjewelry.com/