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
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025