Disable Bullets In Slideshow - Question | JoomShaper
Back to the questions

Disable Bullets In Slideshow

F

Faculty-in-Charge

SP Page Builder 10 months 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.

0
1 Answers
Order by
Oldest Newest Votes
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 10 months ago #184822

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

0