How to change cart page in dawn theme

Shopify Discussion

Topic summary

A user is struggling to redesign the cart page in Shopify’s Dawn theme because base.css is interfering with their customizations. The changes display but don’t look good, and they want to avoid overriding existing code.

Solution provided:

  • Create a separate custom stylesheet (e.g., custom-cart.css) instead of modifying base.css
  • Include the custom stylesheet conditionally on the cart page through theme.liquid
  • Use specific cart-page class names rather than generic selectors to prevent style conflicts
  • Duplicate and customize main-cart-items.liquid in the sections folder to modify layout/structure without breaking core functionality

Status: The original poster thanked the responder, indicating the solution was helpful. The issue appears resolved.

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

In dawn theme the cart page is very basic i want to enhance the cart page but when I was trying to do then base.css is blocking me to do the changes. Changes are showing but it is not looking good and also I don’t want to overrirde in my code. Can anyone tell me how to proper redesign the cart page properly. in the dawn theme. If it is possible to proper redesign in the same code then please let me know

2

To properly redesign the cart page in the Dawn theme without overriding base.css, you can create custom CSS classes in a new stylesheet (e.g., custom-cart.css) and include it conditionally on the cart page via theme.liquid. Target elements specifically using cart-page class names and avoid generic selectors to prevent style conflicts. You can also duplicate and customize main-cart-items.liquid in sections to change layout or structure without breaking core functionality.

1 Like
3

Thankyou for this solution