Design bottom cart

Topic summary

A user seeks CSS code to customize the pop-up cart buttons, specifically wanting:

Desired Changes:

  • Grey background with black text for buttons
  • White “Continue Shopping” text
  • White borders on buttons

Solutions Provided:

Two community members offered CSS approaches:

  1. Direct CSS modification - Add custom CSS to base.css targeting .cart-notification button.link.button-label with properties for background color (#bcbec2), text color (#fff), padding, and border-radius

  2. Theme file editing - Insert code before </body> tag in the theme.liquid file through the Online Store theme editor

A screenshot was shared demonstrating the expected visual outcome. The original poster followed up asking specifically how to make button borders white, indicating the solution is being refined to match their exact requirements.

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

Hi @MT27 ,

If you are looking something like the screenshot below then, follow the steps below.

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. Paste the below code before on theme.liquid

Was my reply helpful? Click Like to let me know!

Was your question answered? Mark it as an Accepted Solution.