Create a Responsive Timeline | Elementor | No Plugins | No Code | Wordpress Tutorial

Let's create a beautiful and responsive timeline using Elementor on Wordpress without any plugins or code.
Whether you're a beginner or an experienced Wordpress user, this tutorial is perfect for you. With Elementor, you'll have the ability to create professional-looking timelines with ease.
We'll walk you through the process step-by-step, from creating the timeline sections to customising the look and feel of your timeline.
By the end of this tutorial, you'll have a fully functional, responsive timeline that looks great on any device. So, grab a cup of coffee and let's get started!
Book your 1-2-1 Consultation: websquadron.co...
Create a Responsive Timeline | Elementor | No Plugins | No Code | Wordpress Tutorial
We love to create - share - respond - and deliver.
🧐 Learn with our Mastery Modules: websquadron.co...
🔗 All of our Important Links: websquadron.co...
😃 Join our Facebook Group: / 3309523509284305
😃 Get Code Snippets Pro: r.freemius.com...
😃 Get Elementor Pro: be.elementor.c...
😃 Boost your KZbin Analysis: www.tubebuddy....
👕 Get our Merchandise: websquadron.co...
🥹 Support us: paypal.me/Webs...
Hire us to work on your Website!
💌 [e-mail]
👩‍💻 Visit websquadron.co.uk

[@bonnieedens7869]

Exactly what I was looking for, thanks a million!! 😄

[@AndreaCruzRenteria]

I've been looking for this tutorial for weeks. I'm glad I finally found it, it is just what I need.

[@maazdev9000]

This is just spot-on, Thanks Web Squadron 🙂

[@holliswebb1800]

containers make all things new you seem to br gifted or just experienced either way, i appreciate your tutorials and drive to add a unique focus 👑

[@vikaskumar-xn3ce]

It’s call a real content Thank you very much I’m looking for this ❤

[@visualaddictionx]

Great tutorial! I was even able to simplify it a bit more. Thanks a lot for sharing!

[@websquadron]

Great to hear!

[@fsmicael]

sou brasileiro, pesquisei muito como fazer uma timeline no elementor de forma fácil e que ficasse bonita, vi varias opções, mas nenhuma tão boa quanto a mostrada por você, parabéns vídeo incrível! 👏👏👏👏👏👏

[@websquadron]

Awesome :)

[@roastduck2611]

This channel is gold. Just started learning Wordpress and Elementor since yesterday and I am able to understand every single detail in this tutorial. Can’t wait to learn more from you!

[@davepederson]

Perfect one, better than the widgets.

[@master_lee7561]

Really awesome content and very well explained

[@funmiamarvi]

Hi! Thanks for a great tutorial. Please can you share the CSS code to drag the heading text up to align with the icon?

[@rameshdahal2842]

Thank you mate. Thats helpful.

[@websquadron]

No problem 👍

[@kyawsanmaung8325]

This video is really helpful for me 🙌🏼

[@raquelglez.martin2158]

amazing, thanks a lot.

[@Jutenas]

You are putting up some great content Mr! Thank you and please keep them coming!

[@richellemeyer8156]

thanks for show it. really nice way to get a timeline. first i saw the version with sections. but it is even better with a container but i have one problem, the picture is not going under Header 1, it stays to the right of the headline. what did i miss? could you help me please? update: it works now, forgotten the wrap in the right container

[@johnnada]

Good video thank you

[@ED-Elliot]

Thanks sir. This tuto help me a lot

[@StefanoMedda]

Thank you. is it possible create this page ACF? Choosing the position (left or right) and the style of the element (first, last o in the middle)?

[@websquadron]

Yes with a bit of work.

[@StefanoMedda]

@@websquadron wow thanks, if you make a video on this topic will be great 😎.

[@vikassao4990]

This is exactly what I'm looking for.

[@BananaSplitz]

Great video! Quick question, I might have missed it amongst the frustration of working with Elementor for the first time, but how do I get a photo to appear on the other side of the line? I'm using the icon box method and successfully got the info to appear on the left of the line, but how do I get an image on the left side? Thank you 🙂

[@BananaSplitz]

Sorry, meant to say "left side of the line" rather than "other side of the line"... images successfully appear on the right side, I need some on the left side now.

[@websquadron]

If you increase the container size on the left side then you could add an image.

[@chuksokie1213]

Dope content!!

[@danbeutler1472]

Hi @Web Squadron, thanks for sharing your approach on building a custom timeline without a plugin. Can I make it horizontal and with navigation buttons / arrow for left and right navigation?

[@websquadron]

In that case, I would build it as a Testimonial carousel with templates inside.

[@danbeutler1472]

@@websquadronthank you, got it, thats smart. And to add something to the timeline is only possible with shortcodes right? Trying to figure out the best solution for not so techy clients. 😊

[@websquadron]

@@danbeutler1472 Yup. Unless they use a plugin.

[@danplumadore647]

This is brilliant, mate.

[@pullupordie]

Nice thanks!!!!!!!!

[@katemcgain1125]

You're the best

[@johnfrost3523]

is there a way for the website user ad to and edit their own timeline from the front end? Plugin or method?

[@websquadron]

Maybe with some ACF Front end plugin

[@johnfrost3523]

@@websquadron can you send me link. I"m not familar with this.

[@visualmodo]

Very good content!

[@bennychan388]

When I click on the add button, instead of a "container" as shown in your video, a section is being added. I don't understand why my elementor interface is different from yours.

[@websquadron]

Which version of EL are you using and you do have Flexbox activated?

[@pixie-sw2ql]

Hello, thanks for the tutorial. I saw the unlimited timeline element just before this and this is so useful if someone doesn't have the plugin. However, is there a channel where one could look at building extra features, on an existing plugin (such as ACF or even store locator, jet engines), via code or extra php...That would be so useful than buying more and more plugins.

[@javaidnayk]

What about making the reverse one after another on mobile.like image then content, image-content.

[@websquadron]

Then you could alter the direction of the containers for the mobile

[@TheChefchapa]

Is it possible to do this horizontally, on a carousel?

[@websquadron]

Technically yes with each one being a template inside a carousel and no gap

[@ArtboldDesign]

When I add a photo, like you did in 4:38, it places it to the right of the caption, not below it :(

[@websquadron]

Have you set the Row to be Wrap? And adjusted the custom width of the items?

[@ArtboldDesign]

@@websquadron oh i forgot the ro to be wrap. Thank you! Wow so quick response. ❤

[@KristianSema]

i dont have the extra options for container alignment like you show when you click

[@websquadron]

Did you activate the wrap?

[@chantscreen]

Will this work in Bricks? Many thanks.

[@websquadron]

Yes, and I'm doing an alternate Bricks video this weekend.

[@lodeluyckx]

thanks!

[@visualmediafx]

My question is, what would you use it for though?

[@websquadron]

More for clients that want a timeline

[@NeilSnapePhotography]

I am going to make a timeline for a tourist tour from pick up point to return and the points of interest between. If I could I would give Imran the reins as he is a genius website creator. I'll get on with this thanks to this video.

[@WhatClip]

any way to make it horizontal

[@websquadron]

Maybe done as a Free Flow Carousel

[@michalbartosz4878]

Legend

[@ganeshchandrameesala257]

That's creative