Hi, I want to add left & right arrow overlays on top of my slideshow (Dawn theme) And remove the paginations below. I’ve looked at ALL of the posted solutions and they’re all outdated. Every suggested code i’ve tried is not working… Thank you!

@Multicoloruni Please replace the code with below code. Let me know whether it works for you. .slideshow__controls { position: absolute !important; width: 100% !important; height: 100% !important; justify-content: space-between !important; } .slider-counter { display: none !impo…

Hello @Multicoloruni , Please check this it might be helpful to you. https://community.shopify.com/post/2210970

Hi, In the Slideshow Section, add the navigation arrow Example of code Add javascript functionality and use CSS for hiding pagination and give style to arrow If you still need help you can contact us (details at signature)

@Multicoloruni Please follow below steps to overlays left & right arrow on slideshow and remove pagination counter. Let me know whether it is helpful for you. From admin go to “Online Store” → “Themes”. Click “Customize” button from the current theme. Click “Slideshow”. [Vinsinfo_0-1720165171196…

Thank you so much for this @Vinsinfo , however when applying the code, the dots from the bottom disappear but the arrows appear as little squares which are not clickable. please see attached screenshot. i also tried changing the color code so that they would be a bit more visible but this doesn’t se…

Hi @Small_Task_Help thanks for this. but nothing seem to change when adding the code into de slideshow section. please see screenshot. [Captura de pantalla 2024-07-05 a las 11.29.35.png]

@Multicoloruni Please add the code and share your store URL, we will check insight and share you the solution.

Hi again @Vinsinfo , thank you, here’s the website: 2d6aad-4.myshopify.com dragon

Wow, this is awesome!!! Thank you so much @Vinsinfo it’s exactly what I had in mind! Thank you!!! [Captura de pantalla 2024-07-06 a las 11.12.00.png]

Add left & right arrow overlays on top of my slideshow (Dawn theme)

Shopify Discussion

Small_Task_Help July 5, 2024, 9:43am 7

Let us check your backend from our side. If you want please get in touch with us (details at signature)

Topic		Replies	Views
Dawn Slideshow - Add Arrow Overlays & Remove Paginations Store Design design , header , customizations , landing-page , shopify-themes	17	268	October 17, 2024
Add arrows in slideshow and remove the paginations Dawn theme Store Design customizations , css , shopify-themes , html	0	24	March 29, 2024
Removing Pagination On Slideshow- DAWN Theme Store Design design , customizations , landing-page , css	6	119	May 28, 2024
Add left arrow and right arrow to the slideshow image (Dawn Theme) Store Design design , header , customizations , css , shopify-themes , html	0	27	May 19, 2024
Move arrows to overlay on slideshow instead of below Store Design troubleshooting , shop-performance	17	128	May 28, 2024

Add left & right arrow overlays on top of my slideshow (Dawn theme)

Related topics