How do I change the text color and remove/hide product price on the cart page?

[Mamdouh_USD]

Hello all,

I want to change the text color to red and remove the prodcut price on the left.

My URL: https://u7yeji-na.myshopify.com/cart

[oscprofessional]

Hi @Mamdouh_USD ,
Please add the following CSS to your base.css file:

.cart-item .product-option {
    display: none;
}
small.tax-note.caption-large.rte {
    color: red;
}

[Mustafa_Ali]

hey @Mamdouh_USD [email removed] dear follow these steps
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->before the ----->
before the body ----->
if this code work please do not forget to like and mark it solution

[Mamdouh_USD]

Hi @oscprofessional ,

The text color has changed to red on the cart page but it hasn’t changed on the product page. Can you help? Thanks

My URL: https://u7yeji-na.myshopify.com/products/berain-water-40-plastic-bottles-x-330-ml

[Mustafa_Ali]

hey @Mamdouh_USD dear follow these steps
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->before the ----->
before the body ----->
if this code work please do not forget to like and mark it solution

[websensepro]

Hi @Mamdouh_USD

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

Result:

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!

[mt686]

Hey there!

I can help you with both changes on your cart page. Here’s how to do it:

Solution: Add custom CSS

1. Go to Shopify Admin → Online Store → Themes → Actions → Edit Code
2. Find assets/base.css or templates/cart.liquid
3. Add this CSS:

/* Hide product price in cart */
.cart-item__price-wrapper,
.cart-item__old-price,
.cart-item__final-price {
  display: none !important;
}

/* Change "Taxes, discounts and shipping calculated at checkout" to red */
.cart__footer .tax-note,
.cart__footer .caption,
.cart__footer small {
  color: red !important;
}

/* If the above doesn't work, try this more specific selector */
.cart__footer .rte {
  color: red !important;
}

If you want to hide the entire price column:

.cart-item__details .cart-item__price-wrapper {
  display: none !important;
}

This will hide those individual product prices and make that checkout text red like you want.

Alternative: If you want to make these changes visually without digging through CSS selectors, I built Easy Edits that lets you click on any element and hide it or change colors instantly. No code needed!

Try the CSS above and let me know if it targets the right elements!

[oscprofessional]

Add this css

label.quantity__label.form__label {
    color: red !important;
}