Could you help me remove the previous/next buttons from my slideshow, they only appear if the block is first. It appears to be a slideshow, a banner or a group of products.
My shop is elibasanta.com
Dawn Theme
Topic summary
A user sought help removing previous/next navigation arrows from a slideshow on their Shopify store using the Dawn theme. The arrows only appeared when the slideshow block was positioned first.
Solution provided:
- Navigate to Online Store → Theme → Edit code
- Locate the
base.cssfile - Add custom CSS code at the bottom to hide the navigation buttons using
display: none !important
The CSS targets specific button classes for the slideshow’s previous/next controls. The solution was successfully implemented and resolved the issue.
Hi @elibasanta
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save
button.slider-btn-prev-template–19746204549445__ss_slider_2_QJhxgB,
button.slider-btn-next-template–19746204549445__ss_slider_2_QJhxgB {
display: none !important;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly
It worked, thank you very much. Have a great day! 