how to remove slide number from the collections

Solved

how to remove slide number from the collections

jitesh1
Tourist
9 0 9

how to remove slide number from the collections

Screenshot 2024-08-20 at 8.25.53 PM.png

Accepted Solution (1)

niraj_patel
Shopify Partner
2378 514 511

This is an accepted solution.

Hello @jitesh1 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>

@media screen and (max-width:767px){
   .slider-counter {
       display: none !important;
    }

}
</style>

niraj_patel_0-1724166764897.png

Was my reply helpful? Click Like to let me know!

Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

Replies 4 (4)

steve_michael2
Excursionist
82 11 17

Hi @jitesh1 , I hope you are doing great, just put the below code in your theme.css or base.css file:

 

.slider-counter {
    display: none !important;
}

 

or 

 

Step 1. Go to Online Store -> Theme -> Edit code.
Step 2. Open your theme.liquid file

Step 3. In theme.liquid, paste the below code before </body>

<style>

@media screen and (max-width:767px){
   .slider-counter {
       display: none !important;
    }

}
</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

Crafting exceptional online experiences with innovative design and technology.

niraj_patel
Shopify Partner
2378 514 511

This is an accepted solution.

Hello @jitesh1 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>

@media screen and (max-width:767px){
   .slider-counter {
       display: none !important;
    }

}
</style>

niraj_patel_0-1724166764897.png

Was my reply helpful? Click Like to let me know!

Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

BSS-TekLabs
Shopify Partner
2136 633 735

- Here is the solution for you @jitesh1 
- Please follow these steps:

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

.slider-counter {
    display: none !important;
}

- Here is the result you will achieve:

BSSTekLabs_0-1724166413573.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
jitesh1
Tourist
9 0 9

thank you