Timeline not displaying correctly

Hi Cdmonline,

It sounds like you need to tweak the CSS – or you had previously adjusted the CSS .

This seems to happen with annoucements that have very little to no content.

.cd-timeline-block {
   margin: 0 !important;
}

The above code should help out with the issue you are facing. Additionally, with the pro version – the announcements stack and we’ve written a bunch of javascript to help prevent collisions – you can see what I am referring to about the distance of the gaps between announcements on our examples page:

https://www.wp-timelineexpress.com/examples/basic-timeline/

Thanks,
Evan

Thanks for the reply. I haven’t made any CSS changes previously. Where do I put the CSS code you’ve provided? With other plugins, there is often a CSS tab but I can’t see one for this plugin.

The example link you provided looks like it is displaying exactly how mine was displaying before. I need to get mine to display that way again. What do I need to do to make that happen?

Also, the ‘fort-awesome’ icon that I use for some announcements is now no longer displaying on the timeline. It displays correctly in the icon column when listing all the announcements but when I edit an announcement that has this icon, it is blank in the pull-down menu – i.e., the name ‘fort-awesome’ is in the list but there is no icon associated with it in the pull-down – just a blank space to the left of the icon title. There are other ‘missing’ icons also not showing up in the pull-down menu as well:

buysellads
codiepie
connectdevelop
credit-card-alt
edge
fort-awesome
mixcloud
modx
pause-circle
pause-circle-o
product-hunt
reddit-alien
scribd
stop-circle
stop-circle-o
usb

Why are these no longer showing up?

I figured out where to add the CSS code and it has resolved the problem of the announcements running into each other. I still have the missing ‘fort-awesome’ icon problem, however.

I’m also finding that the announcements are still spaced apart by the length of each announcement, instead of being close to each other and overlapping nicely. Is there anything I can do about this?

I am not sure why the icons would be missing – but I will take a second look and see. We recently updated to the latest release of Font Awesome – so something may have changed.

In regards to the announcements being close together – there isn’t really anything you can do other than ensure your announcements are all the same length. Our pro version has a secondary set of javascript functions that lay things out a little nicer, similar to how it appears in our basic example on the documentation site.

Thanks,
Evan

It looks like each new announcement is automatically being displayed at the end of the previous announcement. Is that what’s supposed to be happening?

No, they are supposed to be in separate containers as shown in the demo on our site: https://www.wp-timelineexpress.com/examples/basic-timeline/

What theme are you currently using?

Jumping in on this conversation. I sent you an email tonight with this same problem Evan. Thanks for the code. It’s fixed now so you can disregard my email. P.S. Thank you for a wonderful tool. Best.

My theme is QUEST by pacethemes.com (I’m using the free version).

Not sure what you mean by ‘in separate containers’. My announcements are displaying fully and are each self-contained. However, the highest point of each next announcement is being displayed adjacent to the lowest point of the previous announcement, which makes everything stretch out much longer than is necessary:

https://portallas.com/forestium-events-timeline/

– Chris

I’ve also just realised that the formatting of the announcement text is no longer correct either. Some new-lines and colours are not showing.

@reaganaiw2 Thanks so much for following up and letting me know things got resolved.

@cdmonline, From your link – it does appear that things are displaying perfectly fine. The demo that we have up on our site is running Timeline Express pro version 1.2.2 which has an additional JS file loaded alongside the base js file – to compress the gaps in between each announcements. This is a feature of the pro plugin.

The timeline plugin is intended to use the roughly the same length across all announcements. When you have some shorter and some longer announcements – you’ll find an uneven spacing between them.

If all of your announcements are similar in length – you can quickly tweak the margin on the .cd-announcement-container element to bring them in closer, to minimize that gap. However if you have different length announcements the best solution is the pro version of the plugin which handles different lengths accordingly.

Additionally, each announcement on the timeline has a specific and custom class name – so you can adjust the styles on it specifically as needed.

To answer the issue about the excerpts not displaying properly, the excerpts no longer support HTML markup. If this is something that you need – you can quickly and easily re-enable custom excerpts, using HTML, by following this tutorial:
https://www.wp-timelineexpress.com/documentation/enable-html-excerpts/

Thanks,
Evan

Hi cdmonline,

I am pushing out a version 1.2.3 release which will now fix the missing icons.

Thanks,
Evan

Thanks. I’ve just updated to the 1.2.3 release but the icons I identified above are still not showing on the page.

I’m also still not seeing the text formatting inside the announcement itself being preserved.