Hey Sebastian,
You can adjust the distance between the announcement containers by tweaking the CSS. In the previous versions we included some styles that shortened the distance. This caused a few issues for some of our users, and caused overlapping containers some of the time. To work around this we removed the negative margin on th containers.
However, you can still tweak the distances using CSS. Take a look at this documentation article we have put together which explains how to include the same styles that we had in the previous versions: https://www.wp-timelineexpress.com/documentation/adjust-spacing-announcement-containers/
This is he bit of code from the article:
// Tweak Timeline Express announcement container
// spacing on larger screens devices
@media only screen and (min-width: 822px) {
.cd-timeline-block {
margin: -3.5em 0;
}
.cd-timeline-block:first-child {
margin-top: 0;
}
}
Let us know if that helps out!
Hi,
thx for this documentation. Unfortunately it’s not working for me, the changes are not taken into account when adjusting the margin e.g. to -2.0 ist the same distance than before.
But I’m pretty sure it was working with the previous Version of tiemline express.
I’m using WP 4.61.
What about the first child margin, what is that for?
Best
Sebastian
Hi Sebastian,
To answer your question, the :first-child CSS above is the adjusting the styles for the first announcement container on the timeline.
Can you share a link to the page that you are having issues on? I have just re-tested the code snippet on a local instance that we have setup, running Timeline Express 1.3.3 and the TwentySixteen theme, and everything seemed to work just fine using the code provided above.
