Solved

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

DAGNORAK
Excursionist
69 0 5

57B7B1F3-1723-4AAD-AF94-8B7B263D71F1.png

 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  

Accepted Solution (1)

infoatcodelab7
Shopify Partner
593 141 147

This is an 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.

Want to modify or develop new website, Hire us.
If helpful then please Like and Accept Solution .
Email: info@codelab7.com

View solution in original post

Replies 3 (3)

infoatcodelab7
Shopify Partner
593 141 147

This is an 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.

Want to modify or develop new website, Hire us.
If helpful then please Like and Accept Solution .
Email: info@codelab7.com
nathandasilva
Visitor
1 0 0

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

DaivaHappy
Excursionist
16 1 3

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?