Dawn Theme: How do I remove the pause icon from the slideshow controls?

Store Design
1

I was able to hide the pause icon earlier. However, it was still clickable and it also interfered with the controls leading to them being slightly to the left from the centre.

Can someone help me with the code to completely remove the pause button from the website and just keeping the dot controls while still having the auto-rotating slideshow?

URL: https://pleasedontbetaken.myshopify.com/

Password: lutred

Thanks!

2

Hi @SebastianL ,

I am Ani From https://www.task4store.com/ - Shopify Small & Custom Tasks Experts ( By MS Web Designer - Top Rated Shopify Certified Experts and eCommerce Consultant from Singapore )

Here are the Solutions!

Go to Online Store->Theme->Edit code

Asset->/theme.css ->paste the below code at the bottom of the file.

.slideshow__autoplay.slider-button {
    display: none;
}

MS_WEB_DESIGNER_0-1651235654202.png
MS_WEB_DESIGNER_0-1651235654202.png1344×539 405 KB

If you have any concerns feel free to ask me!

Regards,
Ani

3

Hi Ani,

Thank you for your reply! However, this is what I was talking about at the start of my post. This code just hides the button. It’s still clickable and it’s still interfering with the website - causing the dot controls to move to the left and not being in the centre.

Is there any code that can completely remove the pause button and put the dot controls completely in the centre?

Thanks!

4

Thanks @MS_WEB_DESIGNER Ani- that worked for me!

5

Hi! Thank you so much for sharing. However, I still see the pause icon on my homepage. Is there anything else I can do to remove it?