is there a way to take out the dots from the slideshow?

Solved

is there a way to take out the dots from the slideshow?

Degain
Excursionist
17 0 12

Screenshot 2025-04-20 at 4.58.36 PM.pngi dont know how to take out the controls under the slideshow is there a way how?

Accepted Solution (1)

diego_ezfy
Shopify Partner
2988 573 931

This is an accepted solution.

Hey @Degain,

I hope you're doing well!

1. From your Shopify Admin go to online store > themes > ... > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:

 

 

<li-code lang="markup"><style>
.slideshow__controls{ display:none !important; }
</style>​

 



I hope this helps! If you have any further questions or need additional assistance, feel free to let me know. Wishing you a great day ahead.


Best,
Diego

 

View solution in original post

Replies 6 (6)

suyash1
Shopify Partner
10983 1359 1735

@Degain it will need css, can you please share the website link?

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

Dan-From-Ryviu
Shopify Partner
11721 2296 2477

Hi @Degain 

You can do that by adding this code to Custom CSS of your slideshow section.

.slideshow__controls { display: none; }

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

ZestardTech
Shopify Partner
6144 1097 1474

Hello @Degain ,

Here are the steps to apply the necessary changes in your Shopify store:

  1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
  2. Locate Asset > base.css and paste the following code at the bottom of the file:
.slideshow__controls{
display:none !important;
}

Let me know if you need further assistance!

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

diego_ezfy
Shopify Partner
2988 573 931

This is an accepted solution.

Hey @Degain,

I hope you're doing well!

1. From your Shopify Admin go to online store > themes > ... > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:

 

 

<li-code lang="markup"><style>
.slideshow__controls{ display:none !important; }
</style>​

 



I hope this helps! If you have any further questions or need additional assistance, feel free to let me know. Wishing you a great day ahead.


Best,
Diego

 

Degain
Excursionist
17 0 12

it works thanks!

diego_ezfy
Shopify Partner
2988 573 931

I'm happy to hear! You're most welcome.