Hey folks, I want to know if it’s possible to change the slideshow controls to arrows on each end of the pic? Currently: [cardboardhouse_0-1747923505409.png] What I want; [cardboardhouse_1-1747923556790.png] Thanks a lot!

Go to Online Store → Theme → Edit code. Open your theme.css / based.css file and paste the code in the bottom of the file. .slideshow-ctrl { bottom: 50% !important; } .page-btn { border-radius: 50%; background: #272727b5 !important; width: 45px !important; height: 45px !impor…

https://www.cardboardhouse.store/ CBH25

Hi @cardboardhouse Go to Online Store → Theme → Edit code. Open your theme.css / based.css file and paste the code in the bottom of the file. .page-btn { position: relative; width: 40px; height: 40px; background: transparent; border: none; } .page-btn::before { content: ''; positio…

Thanks a lot!! It worked however I wanted to change the style a bit - Is it possible to center them vertically, make them bigger, with a circle shadow, basically exactly like the screenshot?

Sorry, could you also help me with the code to position the buy now bottom to the very bottom of the slideshow?

Sure, here is a code for positioning of button Go to Online Store → Theme → Edit code. Open your theme.css / based.css file and paste the code in the bottom of the file. .js .slideshow__slide--ignore-pagination .text-overlay{ margin:0px !important; } If my reply is helpful, kindly click like an…

Thanks for the reply! The code works for the first slideshow, but on the second it does to a different position again :disappointed_face:

nevermind, fixed it :slightly_smiling_face:

@cardboardhouse [websensepro_0-1747986590164.png] [websensepro_1-1747986591896.png] Both slideshow buttons are positioned perfectly. Now implement the full code, and then I’ll check why the button on the second slideshow isn’t working.

Possible to change slideshow controls to arrows on each side?

Store Design

cardboardhouse May 23, 2025, 7:46am 10

nevermind, fixed it

Topic		Replies	Views
I'd like to move the slideshow buttons to be arrows on the side of the pictures Store Design design , customizations , css	3	162	April 17, 2025
How to alter slideshow controls in Studio Theme? Store Design	9	98	April 7, 2022
Move arrows to overlay on slideshow instead of below Store Design troubleshooting , shop-performance	17	140	May 28, 2024
I want to add display arrows in slideshow Store Design	5	54	October 28, 2023
I want to change the position of next n previous button on slideshow Store Design design , shopify-themes	10	192	February 7, 2023

Possible to change slideshow controls to arrows on each side?

Related topics