Hi experts!
Could someone please explain to me how to get rid of the circled part of the picture attached?
I can’t find how to remove the numbers/pause button.
Thanks!
Topic summary
A user seeks to remove the numbered pagination dots and pause button from their Dawn theme slideshow (visible in an attached screenshot).
Solution Provided:
Another participant offers CSS code to hide these controls:
- Add specific CSS targeting
.slideshow__controlswithdisplay: none !important;to the base.css file
Implementation Steps:
- Access Shopify admin → Online Store
- Navigate to theme settings (next to Customize button)
- Click “Edit Code”
- Locate base.css file in the left sidebar
- Insert the provided CSS snippet
The solution appears straightforward and directly addresses the visual elements the original poster wants to hide. No follow-up questions or alternative approaches were discussed.
Hi @UBS Please add this code in base.css file.
.slideshow__controls.slideshow__controls--top.slider-buttons.no-js-hidden {
display: none !important;
}
If you are not sure where is your base.css file please follow the steps:
- Login in shopify admin.
- Click on the Online Store.
- Then click on the button next to Customize in Refresh Theme.
- Click Edit Code.
- Search Base.css in the code in left hand side.
- Add the code given above.
Result:
If you need any assistance then please feel free to ask the same.
Hopefully it will help you. If yes then Please hit Like and Mark it as solution!
Best Regards
Sahil