How to fix the position of the autoplay button on slideshow

Solved

How to fix the position of the autoplay button on slideshow

CreatorTim
Navigator
471 1 71

Hi, I enabled autoplay for my slideshow, and when I turn it off (pause it), the button shifts slightly to the right. I’d like to make it stay in the exact same position even after clicking it, basically prevent it from moving at all.

 

I mean these buttons:

CreatorTim_0-1746097782090.png

 

Here’s my store: https://creationwithtim.com/products/cinematiq-lut-collection-copy
(Just scroll all the way down there's the slideshow)

 

Thanks,

Tim

 

Accepted Solution (1)

websensepro
Shopify Partner
1935 232 280

This is an accepted solution.

Hi @CreatorTim,


1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

.slideshow__autoplay .svg-wrapper:nth-of-type(2) {
    margin-right: 31px !important;
}

Thanks!

 

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP

View solution in original post

Replies 2 (2)

websensepro
Shopify Partner
1935 232 280

This is an accepted solution.

Hi @CreatorTim,


1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

.slideshow__autoplay .svg-wrapper:nth-of-type(2) {
    margin-right: 31px !important;
}

Thanks!

 

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP
CreatorTim
Navigator
471 1 71

Thank you! It works