Remove arrow and pause buttons from slideshow on the homepage

jsspada · Member · May 24, 2021 at 8:20 am
Copy link

Add topic to favorites
Hello,

How can I remove/hide the pause and arrow buttons from the slideshow on homepage?

The theme I’m using is Tortuga.

Many thanks,
Enrico
supernovia · Staff · May 24, 2021 at 8:18 pm
Copy link
Hi Enrico, it look like you’re using a post slider block. If your plan supports it, you can use this CSS to hide the controls:
```
button.swiper-button.swiper-button-prev, button.swiper-button.swiper-button-next, button.swiper-button.swiper-button-pause {
    display: none;
}
```
Let us know if you need more help!
jsspada · Member · May 25, 2021 at 11:28 am
Copy link
Hello,

Thank you very much for your support.

This code is not working.

Prior, I tried with the following codes that I found on the Forum, but they didn’t work bevause they were meant to a them different from Tortuga:

REMOVE ARROW BUTTON

.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-next, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-prev {
display: none !important;
}

.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-next, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-prev {
display: none !important;
}

REMOVE PAUSE BUTTON

.wp-block-jetpack-slideshow[data-autoplay=true] .wp-block-jetpack-slideshow_button-pause {
display: none !important;
}

I hope this information can be of help to find a solution.

Many thanks again!
e.
helper-heroponriki · Member · May 25, 2021 at 3:00 pm
Copy link
It looks like the theme is overriding the CSS that supernovia provided.

It will work if you change it to:

display: none !important;

That should do it! Let us know if you still have trouble.
jsspada · Member · May 26, 2021 at 3:40 pm
Copy link
It’s working! Thanks very much!

e.

No items found.