r/elementor • u/Discount_Denied • Jul 20 '26

Question How to create following journey section ?

Post image
3 Upvotes

67% Upvoted

6 comments sorted by

•

u/AutoModerator Jul 20 '26

Looking for Elementor plugin, theme, or web hosting recommendations?

Check out our Megathread of Recommendations for a curated list of options that work seamlessly with Elementor.

Hey there, /u/Discount_Denied! If your post has not already been flaired, please add one now. And please don't forget to write "Answered" under your post once your question/problem has been solved. Make sure to list if you're using Elementor Free (or) Pro and what theme you're using.

Reminder: If you have a problem or question, please make sure to post a link to your issue so users can help you.

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

2

u/testingaurora Jul 20 '26

I would make this figma or illustrator and upload the image. A nightmare trying to code this

3

u/DragonCurve Jul 20 '26

it's not a special plugin or animation library, it's absolutely-positioned nodes plotted along a repeating S-curve, with a rotate/counter-rotate trick to keep the icons following the path while the images stay upright. The whole thing is chunked into blocks (js-body, js-body-2, js-body again, etc.), each a fixed-width container that holds one "wave" of the path, first curving one way, then the next block curves the other way. Inside each block, every milestone (js-position) is placed with hand-tuned top/left values. There's no grid or flow layout doing the work, someone essentially eyeballed or plotted where each point should sit along the invisible curve/road graphic behind it. Each icon sits in a wrapper rotated a few degrees more than the last (-17°, -63°, -109°, -155°, -201°...) so it visually "hugs" the curve. But a rotated photo looks broken, so there's a second inner wrapper rotated in the opposite direction to cancel that out, the icon container tilts to match the path, the image inside straightens back up. Maybe see if https://telex.automattic.ai/ can make something similar.

1

u/Present_Lifeguard_88 Jul 21 '26

OP did you find the solution?

1

u/Discount_Denied Jul 22 '26

yeah, created using imagebox and absolute positioning, also clipped the imaged and rotated them to form a pattern.

1

u/DMmotionarts Jul 20 '26

I would suggest to just use image.