Customize Slider

[davidchispas]

Customized slider example. This won't be visible in the editor, only in the user Visualization.
Set Additional classes to slider-alt and enable Show control. Add to Custom CSS:

Code:

.slider-alt .slider-min, .slider-alt .slider-max {   display: none; } .slider-alt .slider {   overflow: hidden;   padding: 13px 0; } .slider-alt .slider .progress {   height: 4px;   margin: 0;   border: none;   border-radius: 0;   box-shadow: none;   background-color: #ccc; } .slider-alt .slider .slider-handle {   background-clip: padding-box;   background-color: #fff;   background-image: none;   border-radius: 50%;   border-color: #bbb;   box-sizing: border-box;   height: 24px;   padding: 0;   width: 24px; } .touch .slider-alt .slider .slider-handle {   margin-top: 3px; } .usermode .slider-alt .slider {   width: 250px; } .slider-alt .slider .slider-handle:before {   background: #5bb75b;   content: ' ';   height: 4px;   left: -301px;   pointer-events: none;   position: absolute;   top: 9px;   width: 300px; } .slider-alt .slider-value span {   border-radius: 0; }

Hello, I want to proportionally increase the entire size of the slider. What parameters do I have to change? I have tried to change several and the circle appears cut.