Vertical Sliders

Hello @graicifyd

Please, follow the steps below:

1. Assign the slider field the class name vertical through its attribute: “Add CSS Layout Keyword”.

2. Enter the following style definition into the “Customize Form Design” attribute in the “Form Settings” tab:

#fbuilder .vertical .slider{width:12px !important;}

3. Finally, insert an “HTML Content” field in the form with the following piece of code as its content:

<script>
fbuilderjQuery(document).one('showHideDepEvent', function(){
fbuilderjQuery('#fbuilder .vertical .slider').slider('option','orientation', 'vertical');
});
</script>

I’m sorry, but I cannot continue offering you a custom coding service through the WordPress support, If you need additional support, you must contact me through my private website: Custom Coding Service

Best regards.