Divi Timeline Layouts Pack is a selection of 100 premade timeline layouts that paintings with the Divi Builder. Timeline layouts can be utilized in all kinds of the way. You’ll use a timeline to percentage a chain of occasions, such because the historical past of the way an organization or group began, show other steps of a procedure, simply prepare data, and so a lot more. The layouts that include the Divi Timeline Layouts Pack will also be simply custom designed and will lend a hand visually put across on the subject of any data you prefer to.
On this product spotlight, we’ll check out one of the vital layouts you get with the Divi Timeline Layouts Pack and lend a hand making a decision if it’s the suitable product for you.
Let’s get began!
Putting in Divi Timeline Layouts Pack
The Divi Timeline Layouts Pack comes as a ZIP report containing Divi Library .json recordsdata. To put in the timeline layouts, get started by way of unzipping the report. Then, open your WordPress dashboard and navigate to the Divi Library web page.
Click on Import & Export on the most sensible, then make a choice the import tab. Make a selection a person structure report or make a choice the All_DCT_Timeline_Layout_Template report which accommodates all 100 layouts, then make a choice Import Divi Builder Layouts.
As soon as the structure has been imported, open your web page within the Divi Builder. Click on the blue plus icon so as to add a brand new segment, then make a choice Upload From Library.
Find your structure, then click on the Use This Segment button to load the structure.
Divi Timeline Layouts Pack
Divi Timeline Layouts Pack comes with 100 other timeline layouts, each and every with other types, layouts, and designs. With such a lot of layouts to make a choice from, you might be certain to search out a really perfect choice on your subsequent internet design challenge. For the reason that layouts are constructed with Divi, it’s simple to customise the colours, fonts, icons, and different design components proper throughout the visible builder. With out additional ado, let’s check out one of the vital layouts you’ll be able to get with the Divi Timeline Layouts Pack.
Structure 1
Timeline structure 1 options an orange and black signage-style design. Every timeline blurb additionally has an icon that you’ll be able to exchange to constitute your data easiest. On hover, the icon background turns orange, and a thick black border seems across the timeline blurb.
Structure 3
Structure 3 has a blue colour scheme and contours emblems down the center line and timeline blurbs on each and every aspect of the road. On hover, a shadow seems across the blurb and the icon.
Structure 6
Structure 6 includes a distinctive curved center line with icons. The timeline blurbs are attached with a line. This structure does no longer function any hover results.
Structure 8
Timeline structure 8 has a black and orange colour scheme. On hover, an orange shadow seems across the timeline blurb. The icon background turns orange, and the strains above and underneath the icon flip vertical.
Structure 10
Structure 10 has a center line with circles for each and every blurb. The blurbs have a rounded design with a big icon towards the center. This structure does no longer have any hover results.
Structure 14
This structure has a novel cylindrical center line. The identify for each and every blurb is put on an orange line that issues towards the center line. This structure does no longer have a hover impact.
Structure 18
Structure 18 has a center line with arrows popping out of it that time towards each and every timeline blurb. Every blurb has a banner-style design, and the icons have a fade-in animation.
Structure 20
Following that is structure 20, which has a inexperienced and black center line design with icons within the center. The icons have a fade-in animation.
Structure 22
Structure 22 has a dotted center line with blue dots for each and every blurb. The timeline blurbs function a rounded design with a novel form with a blue background for the icons.
Structure 29
Structure 29 has a dotted heart line with big name icons that mark each and every timeline blurb. The timeline blurbs come to some extent against the center and have an icon on the most sensible.
Structure 33
This structure has a yellow curved border round each and every timeline blurb. The icon sits throughout the blurb on a yellow rounded background form.
Structure 37
Structure 37 has a middle line with icons marking each and every blurb. The blurbs have a banner-style background and a dotted line connecting each and every icon to the respective blurb.
Structure 40
That is structure 40. It options gray timeline blurbs with an angled inexperienced segment that highlights the icons.
Structure 48
This structure has icons with a two-tone blue design. The icon connects to the principle timeline blurb, which has a gray background.
Structure 53
The timeline blurbs for structure 53 are fashioned like arrows that time towards the middle. The background is a delicate blue gradient, and the icon is contained inside of a circle on the tip of the arrow.
Structure 59
Structure 59 is a colourful structure with photographs as a substitute of icons. The pictures are within the heart with a two-tone coloured border. The header for each and every blurb is put on a gradient background, and the textual content is contained inside of a rounded blurb segment.
Structure 62
That is structure 62. It options seven other blurbs, not like most of the different timeline layouts, which function 4 blurbs. The timeline may be horizontal as a substitute of vertical. Icons are contained inside of diamond-shaped borders and are attached to the blurbs with a dotted line.
Structure 66
This structure options 4 blurbs with an orange banner that overlays the blurb containing the icon.
Structure 68
Subsequent, structure 68 options blurb content material contained inside of two border strains that experience a gradient impact. The icons are aligned to the middle.
Structure 72
That is structure 72, a novel structure that includes a picture with rounded corners and a piece with an orange background the place you’ll be able to checklist a yr or any other brief heading.
Structure 76
Structure 76 is any other colourful structure. It options diamond-shaped icon backgrounds with a slight gradient. The timeline blurbs also are surrounded by way of a coloured border.
Structure 79
Structure 79 has a gloomy background with a dotted heart line on a colourful background. The blurb headings also are colourful, and the icons are positioned on the out of doors fringe of each and every blurb.
Structure 81
Structure 81 is a visually simplistic structure with icons within the heart on an angled pink background with a slight shadow. The heading textual content is pink as smartly.
Structure 85
Structure 85 includes a inexperienced colour scheme with icons within the heart surrounded by way of two inexperienced rounded border strains. There also are inexperienced border strains at the out of doors fringe of each and every blurb.
Structure 88
In a similar way, structure 88 additionally has a inexperienced colour scheme. It has a gradient border that surrounds the timeline blurb and fades into the background. The icon and identify are targeted within the blurb.
Structure 90
Subsequent, structure 90 puts the blurbs on an angled inexperienced background with a gray background in the back of it.
Structure 94
This structure options blurbs with a pink gradient background that fades to white. The icons are on a white background throughout the blurb.
Structure 96
Structure 96 has icons targeted on a pink background with an inward shadow. The blurb identify additionally has a rounded pink background.
Structure 98
That is structure 98. It has icons targeted at the web page on a teal background. The icons are grew to become to the aspect, and the background extends into an arrow form, pointing to the following blurb.
Structure 100
In the end, structure 100 options an angled block design at the inside of edge. The icons are positioned in an orange circle, and the blurb has a shadow impact at the backside and inside of corners.
Acquire Divi Timeline Layouts Pack
Divi Timeline Layouts Pack is to be had within the Divi Marketplace. It prices $15.99 for limitless web page utilization and lifelong updates. The associated fee additionally features a 30-day money-back ensure.
Ultimate Ideas
As you’ll be able to see, the Divi Timeline Layouts Pack comes with all kinds of layouts that have compatibility many alternative use instances and types. The structure pack is discreet to put in and use, and you’ll be able to very simply customise the structure with your personal content material. In case you are in search of a good way to prepare data to your web page or wish to create a timeline, this structure pack has so much to supply and can be a really perfect selection.
We would like to listen to from you! Have you ever attempted Divi Timeline Layouts Pack? Tell us what you take into consideration it within the feedback!
The publish Divi Product Highlight: Divi Timeline Layouts Pack gave the impression first on Elegant Themes Blog.
Contents
- 1 Putting in Divi Timeline Layouts Pack
- 2 Divi Timeline Layouts Pack
- 2.1 Structure 1
- 2.2 Structure 3
- 2.3 Structure 6
- 2.4 Structure 8
- 2.5 Structure 10
- 2.6 Structure 14
- 2.7 Structure 18
- 2.8 Structure 20
- 2.9 Structure 22
- 2.10 Structure 29
- 2.11 Structure 33
- 2.12 Structure 37
- 2.13 Structure 40
- 2.14 Structure 48
- 2.15 Structure 53
- 2.16 Structure 59
- 2.17 Structure 62
- 2.18 Structure 66
- 2.19 Structure 68
- 2.20 Structure 72
- 2.21 Structure 76
- 2.22 Structure 79
- 2.23 Structure 81
- 2.24 Structure 85
- 2.25 Structure 88
- 2.26 Structure 90
- 2.27 Structure 94
- 2.28 Structure 96
- 2.29 Structure 98
- 2.30 Structure 100
- 3 Acquire Divi Timeline Layouts Pack
- 4 Ultimate Ideas
- 5 Methods to Create a Personalised AI Assistant with OpenAI
- 6 What’s Microsoft Rewards and The right way to Earn Praise Issues
- 7 Perceive Devices in CSS: A Complete Information
0 Comments