Hi how can i get rid of this showing(circled on image) on my collections on home page snd also on product pages. This is my website url www.sourcedinuk.com
Topic summary
A user wants to remove a quantity counter/caption element appearing on their Shopify store’s homepage collections and product pages (shown in a circled screenshot).
Solution provided:
- Navigate to Shopify Admin → Online Store → Theme → Edit code
- Locate one of these CSS files: base.css, theme.css, styles.css, or theme.scss.liquid
- Add the following CSS code at the bottom of the file:
.slider-counter.caption {
display: none !important;
}
- Save the changes
The response includes before/after screenshots demonstrating the removal of the quantity display element. The issue appears resolved with this CSS-based hiding solution.
Hi @ti7 ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid
Step 3: Insert the below code at the bottom of the file → Save
.slider-counter.caption {
display: none !important;
}
Here is result:
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 