Markers on a slider | WordPress.org

Hello @xstanley

Thank you very much for using our plugin.

Please, follow the instructions below:

Insert an “HTML Content” field in the form, and enter the following code as its content:

<script>
	fbuilderjQuery(document).one('showHideDepEvent', function(){
		(function(){
    var $ = fbuilderjQuery, x = 5;
    $('.cff-slider-field .slider').each(function(){
        let e = $(this);
        e.wrap('<div class="'+(e.hasClass('large') ? 'large' : ( e.hasClass('medium') ? 'medium' : 'small') )+'"></div>');
        e.removeClass('small medium').addClass('large');
        for(let i = 0; i <= x; i++) {
						if(i != x) {
						  e.after('<span class="dot" style="position:absolute;left:'+i*(100/x)+'%"></span>');	
						} else {
							e.after('<span class="dot" style="position:absolute;right:0"></span>');
						}
            
        }
    });
	})();
	});
</script>
<style>
#fbuilder .cff-slider-field .dot{
	display:inline-block;
	width: 15px;
	height: 15px;
	background: rgba(29,148,255,0.5);
	border-radius: 20px;
	top:0px;
}
</style>

To vary the number of marks, modify x=5 with the preferred number.

Best regards.