Shopify themes, liquid, logos, and UX
I would like to remove the pagination style 'dots' from below slideshow section, so that there is nothing below it.
I would like to do this on all devices.
URL: https://ortho-cushion.com/
Solved! Go to the solution
This is an accepted solution.
Hi @BraxtonEcom
I understand you want to remove the buttons for the slide show. Please follow the instructions below
1. From your Admin page, go to Online store > Themes > click the three dots > Edit code
2. Find the Asset folder, and open the base.css file
3. Add the code below at the very end of the file
.slideshow__controls.slideshow__controls--top.slider-buttons.no-js-hidden {
display: none;
}
This is an accepted solution.
Hi @BraxtonEcom
I understand you want to remove the buttons for the slide show. Please follow the instructions below
1. From your Admin page, go to Online store > Themes > click the three dots > Edit code
2. Find the Asset folder, and open the base.css file
3. Add the code below at the very end of the file
.slideshow__controls.slideshow__controls--top.slider-buttons.no-js-hidden {
display: none;
}
Thank you so much :))
Did this work for anyone? for me it didn't change anything unfortunately.
Yes, It worked perfectly for me
Base.css didn't work for me either. I am using the refresh theme... But I figured it out. In the assets directory, open component-slider.css and change .slider-buttons to display: none;
But this removes the announcement bar as well
hi i tried the code but still is not working for me could you please help me with that
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025