How to remove the collection slider counter for a sleeker look?

Store Design
, , ,
1

57B7B1F3-1723-4AAD-AF94-8B7B263D71F1.png
57B7B1F3-1723-4AAD-AF94-8B7B263D71F1.png828×1792 98.7 KB

does anyone have any idea how to remove the “1/3” counter and arrows beneath this slider? Want to make it look more sleek ? Thanks

2

Hello @DAGNORAK

To remove slider counter follow this steps :

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Assets > base.css and paste this at the bottom of the file:
.collection .slider-buttons 
{
  display: none;
}

Hope this works well.

3

thanks so much! works perfectly!!!

4

Hi, it does not work for me (Down theme) :disappointed_face: I would like to do the same (remove counter) on mobile version everywhere, where is swiping enabled - collections and multicolumn section. Any ideas?

5

Here is the complete way to add a collection slider: