Too much spacing on the left side of vertical timeline

  • Resolved sluvd

    (@sluvd)


    1 year, 7 months ago

    Hi all!

    Are there any possibilities to adjust the margin/left spacing of vertical timeline, when using the free version of the plugin? The gap between timeline and other content is quite big and our design team would like to narrow it a bit.

    I’ve taken a look of the plugin settings and the code, but seems like there is no easy fix to edit it? Or should we get the pro version of the plugin?

    Below is attached an image to clear things out; I have highlighted the area we’re trying to shrink.

    I have updated the WordPress and plugin versions, and the current versions are:

    • WordPress 6.3
    • Elementor 3.15.3
    • Elementor Pro 3.15.
    • Timeline Widget 1.5

    Thank you for your attention to this matter!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support aniketji

    (@aniketji)

    Hi @sluvd,

    Thanks for using our plugin
    You have not added date label and sub-label in each timeline story but label spacing is present that’s why you are facing this issue.
    If you don’t want to add date label then you can use below shared custom to solve white spacing issue.
    Let me tell you one thing that if you want to add date label in future then first remove custom css then add date label.

    .twae-vertical-right.twae-wrapper .twae-end, .twae-vertical-right.twae-wrapper .twae-start {
    ????left: calc(5% – var(–tw-line-width) * 1.5);
    }
    .twae-vertical-right.twae-wrapper .twae-inner-line, .twae-vertical-right.twae-wrapper .twae-timeline:before {
    ????left: calc(5% – var(–tw-line-width)/ 2);
    }
    .twae-vertical-right.twae-wrapper .twae-story {
    ????width: calc(95% – var(–tw-ibx-size));
    }

    Thanks & Regards.

    Thread Starter sluvd

    (@sluvd)

    Hi @aniketji,

    Thank you, that did the trick! We are not currently using the timeline widget with dates, but I’ll let the design team know that if they need the dates back, the widget needs some adjusting to do. ??

    On a sidenote, the WordPress forum changed some characters from the code (the double hyphen in “–tw-line-width” and “–tw-ibx-size”), and I needed to add “!important” property at the end of each line; for some reason the changes were overwritten by the widget’s original code. I tried adding the changes to the theme editor’s custom CSS and the Elementor element’s custom CSS, and both needed the !important property.

    Thanks & Regards!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Too much spacing on the left side of vertical timeline’ is closed to new replies.