Timeline Addon Dates On Left Side Need Less Margin - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Timeline Addon Dates On Left Side Need Less Margin

MM

marley man

SP Page Builder 4 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!

0
8 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #35384

Your issue has been solved now.

Please check!

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #35376

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

0
MM
marley man
Accepted Answer
4 years ago #35377

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

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #35378

Where did you add the code?

Can I have your admin access here, please?

0
MM
marley man
Accepted Answer
4 years ago #35379

Under "Style"--> "Custom CSS"

0
MM
marley man
Accepted Answer
4 years ago #35380
0
MM
marley man
Accepted Answer
4 years ago #35385

GREAT! Thank you so much!

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #35397

You are always welcome:)

0