Title: Vertical Sliders
Last modified: January 1, 2021

---

# Vertical Sliders

 *  Resolved [Graicifyd](https://wordpress.org/support/users/graicifyd/)
 * (@graicifyd)
 * [5 years, 5 months ago](https://wordpress.org/support/topic/vertical-sliders/)
 * Please how can I implement something [like this](https://jqueryui.com/resources/demos/slider/slider-vertical.html)?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fvertical-sliders%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [5 years, 5 months ago](https://wordpress.org/support/topic/vertical-sliders/#post-13853734)
 * Hello [@graicifyd](https://wordpress.org/support/users/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](https://cff.dwbooster.com/customization)
 * Best regards.
 *  Thread Starter [Graicifyd](https://wordpress.org/support/users/graicifyd/)
 * (@graicifyd)
 * [5 years, 5 months ago](https://wordpress.org/support/topic/vertical-sliders/#post-13854234)
 * Thank you so much, you are amazing.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Vertical Sliders’ is closed to new replies.

 * ![](https://ps.w.org/calculated-fields-form/assets/icon-256x256.jpg?rev=1734377)
 * [Calculated Fields Form](https://wordpress.org/plugins/calculated-fields-form/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/calculated-fields-form/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/calculated-fields-form/)
 * [Active Topics](https://wordpress.org/support/plugin/calculated-fields-form/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/calculated-fields-form/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/calculated-fields-form/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [Graicifyd](https://wordpress.org/support/users/graicifyd/)
 * Last activity: [5 years, 5 months ago](https://wordpress.org/support/topic/vertical-sliders/#post-13854234)
 * Status: resolved