Styling 0:56 video
How to add an image to a slider control
One focused task, a quick video, and concise steps you can scan immediately.
To add an image to a slider control;
- Open Designer Interface,
- Go to the ‘Stylesheet’ module.
- Add a new stylesheet.
- Enter the CSS rule for adding an image to a slider control.
- Save the stylesheet by clicking on the “Save” button.
/* handle */
.ui-slider-handle {
background-image: url("/path/to/your-image.png") !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
