Dawn theme quick add customisation - urgent

Topic summary

A user working with Shopify’s Dawn theme needs to remove the shadow/border from Quick Add buttons, including the dark overlay that appears on hover. They want this styling removed from all buttons across their site.

Current Status:

  • Website credentials provided for troubleshooting (preview link with password 2512)
  • Screenshot shows the current button appearance with visible shadow/border effects

Responses:

  • One commenter (@Opeyemi0012) apparently provided CSS code, but the original poster is unsure where to implement it
  • Another suggestion recommends keeping the hover border but making it rounded instead of removing it entirely (includes demonstration GIF)

The discussion remains open with the implementation question unresolved.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.

I’m using the Dawn theme, and I need to customize the Quick Add button’s shadow or border to none, including on hover. If possible I want to remove that dark black when hover wants to be removed in every buttons

website: https://vg58srr237cymewo-73415852291.shopifypreview.com

password : 2512

1 Like

@Opeyemi0012 Thanks for the code, where to add those codes.

You might want to keep the border on “hover” but make it round

hover.gif