Skip to content

Documentation

Extensive Documentation for PowerPack & WooPack to help you with common questions and issues.

PowerPack

  1. Home
  2. Docs
  3. PowerPack
  4. Modules
  5. Timeline
  6. How to Display all the Items in the Timeline to the Right Side?

How to Display all the Items in the Timeline to the Right Side?

If you want to display all the items in the vertical timeline in the right direction then please use the following CSS.

/**
 * @snippet       Display all the items in the timeline to the right.
 * @author        PowerPack Support
 */

.pp-timeline .pp-timeline-content-wrapper .pp-timeline-item .pp-timeline-content{
    float:right;
}

.pp-timeline .pp-timeline-content-wrapper .pp-timeline-item .pp-timeline-icon-wrapper .pp-separator-arrow{
    left:auto !important;
    right: 0;
    border-left:none;
    border-right: 10px solid #000;

}
Was this article helpful to you? Yes No 4
×