Title: Vertical slider?
Last modified: August 21, 2016

---

# Vertical slider?

 *  Resolved [nicozz](https://wordpress.org/support/users/nicozz/)
 * (@nicozz)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/vertical-slider/)
 * Hi,
 * Thank you for your plugin.
 * I would like to know if it ispossible to have a vertical slider instead of horizontal?
 * Thank you.
    Regards, Nick.
 * [http://wordpress.org/plugins/cpt-bootstrap-carousel/](http://wordpress.org/plugins/cpt-bootstrap-carousel/)

Viewing 1 replies (of 1 total)

 *  Plugin Author [Phil Ewels](https://wordpress.org/support/users/tallphil/)
 * (@tallphil)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/vertical-slider/#post-4071120)
 * Hi nicozz,
 * The bootstrap carousel is animated via CSS transitions, so you can convert it
   into a vertical slider by using some additional CSS rules.
 * Thankfully, someone else has already done this:
    [https://github.com/mcuznz/bootstrap-carousel-vertical](https://github.com/mcuznz/bootstrap-carousel-vertical)
 * The problem is that their CSS ties into an additional class which isn’t present
   on the plugin slider. To make _all_ carousels on your website vertical, just 
   remove the ‘vertical’ class from the CSS.
 * eg:
 *     ```
       .carousel .carousel-inner {
         height: 100%;
       }
       .carousel .item {
         -webkit-transition: 0.6s ease-in-out top;
         -moz-transition:    0.6s ease-in-out top;
         -ms-transition:     0.6s ease-in-out top;
         -o-transition:      0.6s ease-in-out top;
         left:               0;
       }
       .carousel .active,
       .carousel .next.left,
       .carousel .prev.right    { top:     0; }
       .carousel .next,
       .carousel .active.right  { top:  100%; }
       .carousel .prev,
       .carousel .active.left   { top: -100%; }
       ```
   
 * If you include this CSS after your bootstrap CSS, you should be away. Please 
   note that the above code is untested.
 * Hope this helps!
 * Phil

Viewing 1 replies (of 1 total)

The topic ‘Vertical slider?’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/cpt-bootstrap-carousel_b8b7ae.svg)
 * [CPT Bootstrap Carousel](https://wordpress.org/plugins/cpt-bootstrap-carousel/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/cpt-bootstrap-carousel/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/cpt-bootstrap-carousel/)
 * [Active Topics](https://wordpress.org/support/plugin/cpt-bootstrap-carousel/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/cpt-bootstrap-carousel/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/cpt-bootstrap-carousel/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [Phil Ewels](https://wordpress.org/support/users/tallphil/)
 * Last activity: [12 years, 8 months ago](https://wordpress.org/support/topic/vertical-slider/#post-4071120)
 * Status: resolved