Timeline Addon dates on left side need less margin - Forum | JoomShaper
Solved SP Page Builder

Timeline Addon dates on left side need less margin

Asked by marley man 5 years ago Last activity 5 years ago

Hi,
I'm using the Timeline Addon on this page: https://redesign.dhm.org/history/historic-timeline.html

As you can see, the dates on the left hand side are way too far away from the vertical Timeline pole in the middle.

I added this custom CSS to the Timeline Addon but it doesnt' work:
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement.odd .timeline-item .timeline-date {
margin: 0 10px 0 0 !important;
}

How can I modify the CSS on this Timeline Addon to get the dates on the left hand side, to be just as close to the Timeline pole in the middle of the page, to match how the dates on the right hand side are positioned?

thanks!

Accepted answer

Marked as the solution
Rashida Rahman Staff

Your issue has been solved now.

Please check!

7 more replies

Rashida Rahman Staff
5 years ago · edited

Hi there!

Thanks for your query.

Please use the following code in your custom CSS:

#sppb-addon-1632324815137 .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement.odd .timeline-item .timeline-date {
    float: right;
}

Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Best Regards

marley man Asked this

Here is what I just added per your advice and after clearing my web browser cache - nothing has changed:

sppb-addon-1632324815137 .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement.odd .timeline-item .timeline-date {

float: right !important;
padding-right: 15px !important;

}

Please advise - thank you

Rashida Rahman Staff

Where did you add the code?

Can I have your admin access here, please?

marley man Asked this

Under "Style"--> "Custom CSS"

marley man Asked this

GREAT! Thank you so much!

Rashida Rahman Staff

You are always welcome:)

Log in to reply.