Slider settings - Developer

Block right click

You can block the right clicking in your slider.

Hide website's scrollbar

In rare cases the Full page responsive mode can result a wrong calculation and leave out the space for the scrollbar. Turn on this option to remove that empty space!

Block carousel - Interaction

At your slider type's settings, like at the Simple slider type's settings there is a carousel option, which allows you to switch from the last slide to the first slide and from the first slide to the last slide, so it allows you to have a carousel round. If you set up your slider to use Controls - Vertical slide switching or Mousewheel switching and also use this carousel round, then as you scroll over the slider, you will always stay on the slider, as there is always one more next/previous slide. If you turn this option on, mouse scrolling and touch scrolling will stop at the last and first slide and the next scrolling towards that direction will be the scrolling of the page.

Clear both
  • Before slider: If float css codes are used incorrectly, without closing them with clear:both; it could create a problem with the slider's initial size calculations, also when you resize your browser the slider might won't change it's width. This option will put a div tag with clear:both; css code on it in front of our slider, which would solve these issues.
  • After slider: with a clear:both; we are putting contents following the slider under the slider. If your slider's width doesn't fill up the entire row of its placement, you can turn this option off to let the rest of your contents, like texts coming into the same row the slider is in. But probably you will still need to write your own custom CSS codes to make your text look the way you want it to!
    Your slider needs to have auto responsive mode, with the upscale turned off. If you use Carousel or Accordion type the align needs to be left (or right).

Hide slider with CSS media query

You can hide your slider under or over a given px width. This code uses CSS media queries. You will only see this happening on the frontend of your website!

Scroll to slider on user interaction

Makes the page scroll back to the slider, even if just a small part of the slider was visible when the slides are switching. (E.g. when an arrow or bullet is clicked.)

Edge 3.3.27
  • Auto: Scrolls back to the closest edge of the slider.
  • Top - when needed: Scrolls back to the top of the slider, when the slider when the slider isn't fully visible or doesn't fill the screen.
  • Top - always: The page scrolls to the top of the slider, when the page isn't there.
  • Bottom - when needed: Scrolls back to the bottom of the slider, when the slider when the slider isn't fully visible or doesn't fill the screen.
  • Bottom - always: The page scrolls to the bottom of the slider, when the page isn't there.

You can add custom CSS codes to your slider.

JavaScript callbacks

You can put some JavaScript codes here, which will be triggered after the slider loaded.

Slider CSS classes

You can put custom CSS classes to the slider's container.

Post IDs (one per line)

The cache of the posts with the given ID will be cleared when you save on this slider. It's useful when you have a caching plugin on your site as this way you can keep the page and slider in sync.