Adding Vertical timeline on Squarespace

Gregory3010 · May 8

I am looking for some advice on how to create a vertical timeline on Squarespace. I have read other topics about it here on the forum. But, they are a mess with so many comments. I don't understand what to do.

I have searched online for some tutorials too. They explain how to create timeline on Squarespace. But, I have not found any that suit my needs. Some of them require custom code, which I am not very familiar with. I am wondering if there is a simpler way to make a vertical timeline on Squarespace. A detailed guideline is not too complex to understand. I need straight forward solution, please.

If you have ideas or experience, please share how to make a vertical timeline on Squarespace. I would appreciate your input.

DavidStewart · May 8

Here is a timeline that you can add on your website. It's a vertical timeline that i found on codepen. https://codepen.io/jmiketaylor/pen/pooBLbZ

Add these code in a code block on your site. HTML:

Then add some CSS : You can add this code to Website > Website Tools > Custom CSS

That's it!

Edited May 29 by DavidStewart

Sam0smith · May 8

I've recently tried a vertical timeline plugin. It might be what you're looking for. It's work like a charm on both Squarespace 7.0 and 7.1. And you don't need to know custom code.

I gave them a whirl on my own site, and I have to say, I'm impressed. You can tweak everything from colors and fonts to icons and sizes. Plus, they look slick on any device, so no worries there.

link to the squarespace vertical timeline pluign.

and squarespace alternative vertical timeline pluign.

Check out the timeline screenshot on my website :

Qasva · October 1

You can create a vertical timeline in Squarespace without complex custom code. This website provides a straightforward method using the List Section feature in Squarespace: Timeline Using List Section. It offers a clear step-by-step guide that should help you achieve what you need.

Good luck!

Adding Vertical timeline on Squarespace

Recommended Posts

Gregory3010

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Sam0smith

Posted Images

DavidStewart

Sam0smith

Qasva

Create an account or sign in to comment

News

Sam0smith

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources