Hi guys,
I would like hide the text “QUANTITY”. I have tried the display hidden option however, it also hides half of the border. I would appreciate your help. Thanks
Topic summary
A user wants to hide the “QUANTITY” text on their Shopify cart page but encounters an issue where using display: hidden also removes part of the border.
Proposed Solutions:
Two community members offered CSS-based fixes:
-
EBOOST’s approach: Add code to
Assets/component-cart-items.csstargeting.cart__items table.cart-items thead thwithfont-size: 0 !important; -
niraj_patel’s approach: Insert custom CSS in
layout >> theme.liquidabove the</body>tag, targetingtable.cart-items th.cart-items__heading--wide.small-hide.caption-with-letter-spacingwithdisplay: none !important;
Both solutions aim to hide the text while preserving the border styling. The user has not yet confirmed which method worked or if the issue is resolved.
May I suggest to update code these steps:
- Go to Store Online-> theme → edit code
- Assets/component-cart-items.css
- Add code below to bottom of file
.cart__items table.cart-items thead th{
font-size: 0!important;
}
1 Like
hi,
please use this code given below. paste the given code on above .
layout >> theme.liquid
table.cart-items th.cart-items__heading–wide.small-hide.caption-with-letter-spacing {
display: none!important;
}
after paste the code looks of cart page.
1 Like