Hide a section and change cart button color on 1 page

Store Design
, , ,

Topic summary

A user needs to customize a specific cart page with two changes:

Requirements:

  • Hide the “view full details” link in the product section
  • Change the “add to cart” button color
  • Apply changes only to the cart page (not site-wide)

Solution provided:
Add CSS code to the theme’s stylesheet (base.css, theme.css, style.css, main.css, or custom.css):

  1. Use .cart-template a.product__view-details selector with display: none !important; to hide the details link
  2. Target .cart-template .product-form__submit with background: grey !important; to change button color

The .cart-template class ensures changes apply only to the cart page. The user originally requested Liquid code, but the solution uses CSS targeting instead, which achieves the page-specific customization goal.

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

Hello I am looking to hide “view full details” on this product section for this page. I am also wanting to change the “add to cart” button to be a different color. https://taleology.com/cart

Both of these I am looking to change on JUST this page so looking to do liquid code for it.

2

Hi @Emma53 ,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

.cart-template a.product__view-details.btn.btn--with-icon {
    display: none !important;
}

.cart-template .product__block.product__block--buy_buttons,
.cart-template .product-form__submit {
    background: grey !important;
}