The Tech Zone

A company history, project roadmap, or service process is easier to follow when each milestone has a clear place on the page. This free pack gives you 9 Timeline Module designs for Divi 5 , ready to import and customize with your own content. Some of the designs may look familiar. Our earlier 11 Timeline Designs For Divi 5 collection was created before Divi had a native Timeline Module. This pack revisits those designs, with nine versions built using the Timeline Module . You get familiar starting points with a structure designed specifically for timelines. Below, you can preview the collection, download the files, and learn how to replace the content and adapt a design to your site. Preview Here’s a look at the nine Timeline Module designs included in the pack. Choose the one that best suits your content, then make it your own. The download is further down the post. Download 9 Timeline Module Designs For Divi 5 Download the free pack below and unzip it on your computer. Y...

Editorial design gives a website the visual depth of a magazine. Oversized headlines, carefully framed photographs, and varied layouts help readers distinguish the lead story from the supporting content. With Divi 5 , you can build that structure visually and keep your latest stories connected to live post content. In this tutorial, we’ll build a modern editorial magazine homepage using the CSS Grid Editor , Loop Builder , Image Aspect Ratio and Framing , Variable Fonts , and Divi 5’s newer text styling controls. By the end, you’ll have a complete editorial homepage, with a latest stories section that updates as you publish new posts. What Makes A Website Feel Editorial? Editorial websites borrow their visual language from magazines and newspapers. Layout, typography, imagery, and spacing work together to establish an order of importance and move the reader through the page. Several design choices create that effect. Asymmetrical layouts break up repeating rows an...

The Instagram Feed Module in Divi 5 is easy to add to a page. Connecting it to a client’s Instagram account is the more involved part because the module requires an Access Token generated through a Facebook App in Meta’s developer dashboard. Most of the setup can be completed without the client. Two checkpoints require the Instagram account owner’s login: accepting the tester invitation and authorizing the Access Token. Prepare everything else first, and you can handle both during one focused client call instead of creating a long chain of messages and follow-ups. In this tutorial, we’ll cover the complete agency workflow, including who should own the Facebook App, what to prepare in advance, what the client must do, and how to connect the account in Divi 5. We’ll also show you how to reuse a client’s existing Divi styles when designing the feed and keep the connection working after launch. Decide Who Owns The Facebook App First This decision a...