Remove play and pause buttons on venture theme

Store Design
1

Screenshot 2021-06-04 at 18.58.34.png
Screenshot 2021-06-04 at 18.58.34.png1376×744 215 KB

Hi shopify gurus,

Please can someone help me remove the play and pause buttons as well as the slideshow navigations.

I’ve tried:

.hero__controls{display:none!important;}

that doesn’t work neither does:

.index-section--slideshow .slideshow__controls {
    display: none!important;
}

Please can someone help me remove them but still keep both the text and call to action button.

Site url : www.wilddips.com

No password needed.

Thanks again,

Danna

2

You can add this piece of code at the bottom of your css file

.hero-content__controls{

display:none!important;
}

if You need any help then please let me know i will do this for you

3

Hey, hope you are well?

Kindly please use this CSS

.hero-content__controls-item.hero-content__controls-item--pause,
ul.hero-content-navigation {
    display: none !important;
}
4

@SureCust Wow thank you! That worked perfectly!

5

This works but I would also like to remove the 1/4, 2/4, 3,4, 4/4 so that only the text is displayed for each of my 4 slides.

6

Worked it out myself.

.hero-content__controls-item.hero-content__controls-item–count,
ul.hero-content-navigation {
display: none !important;
}