Timeline Layout Format Change

I would like to change the circle in the up-coming events timeline layout design to more of a rounded rectangle. My hunch is that this is accomplished with CSS but I can't figure out how to change the code to make this happen. Any help would be greatly appreciated. Thanks!

You're exactly right about this being editable via CSS.
In [Event Booking -> Configuration -> Custom CSS tab], add the following lines, adjusting the 25% value to whatever you want (the original value was 100% in order to make a circle).

Worked like a charm - thanks so much James!

Hmm, I can't get the information in container to be centered. Right now there is a huge gap at the top (above the number of the day of the date) of the container and barely a margin at the bottom (underneath the year of the date). I've tried CSS for margin and padding, but can't add extra white space in underneath the year.

Anyone have any suggestions?

Can you post a URL where I can see a sample?

Yes, here is a test URL: divinelysupported.com/nptest/auditions

Thanks James!

It took me a few minutes to find the culprit code... it looks like the existing box-sizing declaration is the trouble maker.

Add the following to your existing .eb-event-date rule-set in your custom CSS
From what I can see through my Inspector window, it should end up looking something like this:

Awesome; thank you! Once again, you rock James!!!