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

[DAGNORAK]

 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  

[infoatcodelab7 · Accepted solution]

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.

[nathandasilva]

thanks so much! works perfectly!!!!!!

[DaivaHappy]

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

[MRamzan]

Here is the complete way to add a collection slider: