Disable bullets in slideshow - Forum | JoomShaper
Staff replied SP Page Builder

Disable bullets in slideshow

Asked by Faculty-in-Charge 1 year ago Last activity 1 year ago

Hi,

I am using SP Page builder - Slidshow Addon in our Insitute website.
Please guide for the following requirements:

  1. How to disable the bullets only for Mobile portrait. I tried disabling it but it is getting disabled for all device views.
  2. The background image that is added to the slider, is not scaled properly when we see in the mobile portrait view even after adjust the custom height

I appreciate if a clear documentation on customizing the slideshow according to different devices is shared.

1 reply

Paul Frankowski Senior Staff
1 year ago · edited

Hi,

ad 1) It can be done only via Custom CSS. Example CSS that you can use, and will hide dots:

@media screen and (max-width: 680px) {
.sp-slider .sp-dots {z-index: -1; display: none; visibility: hidden;}
}

You can use it inside Page Settings > Page CSS > Custom CSS area (for that page only)
OR for whole website: in Template Options > Custom Code > Custom CSS or inside custom.css file

ad 2) I have to see website URL with that slideshow to tell more.
As alternative way, you can prepare slideshow addon only for Mobile view, with smaller resized images. Addons settings allows you to control when addon is displayed, use : Advaced (tab) > Responsive - Hide/Show

Log in to reply.