How can I remove the pause/play button on the Debut theme image slideshow?

Store Design
1

Hi,

I am looking to remove the pause/play button on the imageslideshow for the debut theme. I’ve tried every solution and none seem to work. Could someone please help me out.

Thanks

2

hii, @PlayHardStore
Kindly share your store URL so,
I can solve your issue.
Thank You.

3

https://playhardparty.com/

4

hii, @PlayHardStore
Paste this code on top of the theme.scss file.

.slideshow__controls {
    display: none !important;
}

Thank You.

5

Hi,

I do not have the file theme.scss

Only theme.css

6

@PlayHardStore
Paste the code in the theme.css file.

7

Nothing has changed

8

Send me your store Password.
Thank You.

9

PlayHard2021

10

hii,
@PlayHardStore
Paste this code on top of the theme.css file.

.slideshow__controls {
    display: none !important;
}

Thank You.

11

@PlayHardStore , do this to fix it in 20 seconds:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:
.slideshow__controls button[aria-pressed]{
    display: none !important;
}

This code will remove exclusively the “pause” button and leave the other elements.

Please let me know whether it works.

Kind regards,
Diego

12

Hi,

That removed the button, however, it also removed the arrows. Im ONLY wanting to remove the pause/play button.

Cheers

13

Yep, just had to put it to the top of the theme.css file and it worked.

Cheers!