How to remove the Thumbnails in the Slide Show . Kindly Help.

pavan-m

Hi,

Is it possible to remove the Swiper Thumbs (Thumbnails in the bottom of slideshow) which are highlighted in the below image.

Ninja

pavan-m
Hi
Open template folder /css/custom.css file and add this code

.slideshow .swiper-thumbs-wraper {
    display: none;
}

if there is no custom.css file, kindly create it and add the code.

Regards

pavan-m

Ninja

Thanks Pankaj for assisting in this regard.

Once after saving that code in the custom.css file, the thumbnails got disappeared completely.
But the slideshow is not rotating and was displaying only one slide as shown below. And also the navigation arrows are not visible to change the slides. Any suggestion for this ..

Ninja

pavan-m
Hi
Replace older code with this code

.slideshow .swiper-thumbs-wraper .swiper-thumbs { display: none;}

pavan-m

Ninja

Thanks for the support.

After replacing with this code, it became normal. It started showing the Thumbnails again as below.

aman204

pavan-m Hi

Can you add your admin details in edit fields in order for us to take closer look as the specific CSS as suggested isnt seen to be appended currently

For reference, You can follow thread post (5 point) procedure.

pavan-m

aman204

Hi,

Thanks for your reply.

I have provided the admin details. Kindly go through.
It would be of great help, if the Slideshow looks similar to the Mobile View Slideshow.

aman204

pavan-m You may check now. Ref: Screenshot. Have added this to custom.css file :

.slideshow .swiper-thumbs-wraper .swiper-thumbs { display: none !important;}

Kindly ensure to clear your browser cache if changes dont reflect.

pavan-m

aman204

Thank you so much for the Support :-)