Customize shopping cartin Dawn Theme: Remove Quantity and Edit Text

Store Design
, ,

Topic summary

A user seeks to customize their Dawn theme cart page for a digital product store at rowstitch.com with three specific requests:

Main Modifications Needed:

  • Remove quantity selector (unnecessary for digital files)
  • Edit shipping-related text (no physical shipping involved)
  • Change the PayPal button’s yellow color

Solutions Provided:

Multiple respondents offered CSS-based solutions involving:

  • Accessing the theme code editor via Online Store → Themes → Edit Code
  • Adding custom CSS to hide quantity elements using selectors like .cart-item__quantity-wrapper, .quantity-popover-wrapper, and related heading classes
  • Modifying PayPal button styling with background: red !important
  • Targeting files such as base.css, style.css, or theme.liquid

Technical Note: One responder mentioned that PayPal button customization may require a Shopify Plus plan.

Status: Multiple working solutions provided with CSS code snippets. The discussion appears resolved with contributors requesting the original poster mark helpful responses as solutions.

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

Hey there,

I want to make multiple adjustments on my"your card" page. The URL is www.rowstitch.com

  1. remove quantity cause I sell digital files

  2. edit this text because there is no shipping cost

  3. change the awful yellow color of the PayPal button

I’d be extremely thankful for your help on those topics :slightly_smiling_face:

Screenshot_1.png
Screenshot_1.png1441×723 55.4 KB

1 Like
2

Hey @dascha

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1694253944661.png
Moeed_0-1694253944661.png1587×678 42.3 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Hi @dascha

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.cart-item__quantity-wrapper.quantity-popover-wrapper {
    display: none;
}
small.tax-note.caption-large.rte {
    display: none;
}
.totals {
    padding-bottom: 10px;
}

th.cart-items__heading--wide.cart-items__heading--quantity.small-hide.caption-with-letter-spacing {visibility: hidden;}

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

4

Hi @dascha

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

th.cart-items__heading–wide.cart-items__heading–quantity.small-hide.caption-with-letter-spacing , .quantity-popover-container{

display: none !important;

}

.paypal-button.paypal-button-color-gold {

background: red !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly