How can I remove dots, arrows and pause button on Studio Theme slideshow?

Store Design
1

I’m using the studio them but I wanted to remove dots, arrows and pause button on the slideshow. how can I do this?

1 Like
2

Hi, @reach4emstars

You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> base.css ->paste the below code at the bottom of the file.
.slideshow__controls {
    display: none !important;
}
3

.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;}

maybe it helps

4

@reach4emstars

Please add the following CSS code to your assets/base.css bottom of the file.

.slideshow__controls {display: none !important;}

Thanks!