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
In Canada, payment processors, like those that provide payment processing services t...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025