Points not in one same axis with vertical line

Hi @bbua97,

Use this custom CSS:-

.ps_timeline-marker:before {
    left: -3px !important;
}
.ps_timeline-marker:after {
    top: 30px!important;
}

Thanks

You guys are amazing! It works perfectly! Keep up the amazing work! ??

Kind regards

bbua97

Hi @bbua97,

Thanks for appriciating our work.
It would be great if you add your valuable feedback in review section: https://www.ads-software.com/support/plugin/process-steps-template-designer/reviews/#new-post

Thanks

Hi @baljitdhanjal,

sorry for the late reply! Of course I will add my feedback in the mentioned section but before, i have one last problem on the site. The vertical timeline is not centered and the words are cut off. Maybe you can solve this for me ?? Thanks and kind regards!

Hi @bbua97,

Add Custom CSS:-

@media only screen and (min-width: 992px){
   .ps_timeline-centered.ps_timeline-info, .ps_timeline-centered .ps_timeline-content {
       width: 45%!important;
   }
   .ps_timeline-centered > .ps_timeline-item:nth-child(even) .ps_timeline-content {
       margin-left: 0px!important;
   }
   .ps_timeline-centered > .ps_timeline-item:nth-child(odd) .ps_timeline-content {
       margin-right: 0px!important;
   }
}

Thanks

Hi @baljitdhanjal,

at first thank you! I added it and the words are not cutted off anymore. But still, the vertical process is not centered on the site..

Hi @bbua97,

ul.ps_timeline.ps_timeline-centered {
    margin: 0 auto!important;
}

Thanks