Hello, I want to change some things to my slideshow, I want to have arrows in my slideshow and not under it, i have searched on the forum but everything is outdated and wont work with my theme. If i press in the slideshow on mobile it also acts weird. URL SITE: https://0cb8b8-87.myshopify.com With…

Hi @Djani010 You can try to add this code to Custom CSS in Online Store > Themes > Customize > Theme settings. .slider-buttons { position: absolute !important; z-index: 9 !important; top: 50%; left: 50%; justify-content: space-between; transform: translate(-50%, -50%); …

Hi Djani, Depending on the design and functionality you’re looking to achieve, you’ll need custom coding. There are a lot of examples on the web regarding slideshows or carousels, just try searching for “carousel example code”, then you’ll find tons of examples and code for it. [PaulMartin_0-1726…

Hey Dan, Im very grateful for your fix, it works like a charm! Thankyou and have a nice day.

One more question, can i just change the background of the arrows to transparrent so the white box is gone? And maybe make the arrows a little bigger.

Code updated .slider-buttons { position: absolute !important; z-index: 9 !important; top: 50%; left: 50%; justify-content: space-between; transform: translate(-50%, -50%); border: unset !important; width: 100%; } .slider-button .icon { height: 2rem !important; } .sli…

Sorry, :sweat_smile: I have one more problem where the arrows appear in the menu in the phone version. I dont know if you know it but i dont like the menu taking op the whole screen. Im using a globo mega menu, and i want it to only cover 75% of the screen with leaving a part open at the right side. …

Code updated .slider-buttons { position: absolute !important; z-index: 2 !important; top: 50%; left: 50%; justify-content: space-between; transform: translate(-50%, -50%); border: unset !important; width: 100%; } .slider-button .icon { height: 2rem !important; } .sli…

You’re my hero of the day ! It looks so clean

Slideshow customization

Store Design

Djani010 September 17, 2024, 8:39am 7

Works perfectly, thankyou and have a nice day!

1 Like

Topic		Replies	Views
IMPORTANT PLS: Need help in fixing slideshow (carousel) arrows Store Design menu , design , customizations , landing-page , shopify-themes	4	94	August 3, 2024
I'd like to move the slideshow buttons to be arrows on the side of the pictures Store Design design , customizations , css	3	130	April 17, 2025
Change or modify the slideshow button on mobile - Dawn Theme Store Design liquid , design , customizations , css , shopify-themes , html	7	101	November 25, 2024
Dawn Slideshow - Add Arrow Overlays & Remove Paginations Store Design design , header , customizations , landing-page , shopify-themes	17	198	October 17, 2024
Move arrows to overlay on slideshow instead of below Store Design troubleshooting , shop-performance	17	97	May 28, 2024

Slideshow customization

Related topics