Timeline css - how to use it in different template
Timeline css - how to use it in different template was created by lukaszw80
Posted 4 years 1 month ago #27668What can I do to use timeline effect from this template in other template? It would be great to use this css but I have troubles with cloning it.
I copied the css from timeline.css and put it in the custom.css file in jp_sports template but there is something missing - the code is not complete.
What would be the exact full code to use this effect in different template if it's possible to clone it?
thank you.
Please Log in or Create an account to join the conversation.
- joomlaplates
- Offline
- Moderator
- Posts: 8807
- Thank you received: 1732
Replied by joomlaplates on topic Timeline css - how to use it in different template
Posted 4 years 1 month ago #27669just insert the timeline.css code must be enough.
And ofc the html code.
<div class="container">
<div class="timeline-item" date-is='2016-2019'>
<h2>Senior Developer</h2>
<h4>Company INC</h4>
<p><img title="Theme Framework" src="images/joomlaplates/blog-001.jpg" alt="Warp Theme Framework" border="0" /></p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae sapien porttitor, dignissim quam sit ame. Proin vitae tortor nec risus tristique efficitur. Aliquam luctus est urna, id aliquam orci tempus sed. Aenean sit amet leo id enim dapibus eleifend. Phasellus ut erat dapibus, tempor sapien non, porta urna.
</p>
</div>
<div class="timeline-item" date-is='2012-2016'>
<h2>Junior Developer</h2>
<h4>Company INC</h4>
<p><img title="Theme Framework" src="images/joomlaplates/blog-002.jpg" alt="Warp Theme Framework" border="0" /></p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae sapien porttitor, dignissim quam sit ame. Proin vitae tortor nec risus tristique efficitur. Aliquam luctus est urna, id aliquam orci tempus sed. Aenean sit amet leo id enim dapibus eleifend. Phasellus ut erat dapibus, tempor sapien non, porta urna.
</p>
</div>
<div class="timeline-item" date-is='2010-2012'>
<h2>Entry Level Developer</h2>
<h4>Company INC</h4>
<p><img title="Theme Framework" src="images/joomlaplates/blog-003.jpg" alt="Warp Theme Framework" border="0" /></p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae sapien porttitor, dignissim quam sit ame. Proin vitae tortor nec risus tristique efficitur. Aliquam luctus est urna, id aliquam orci tempus sed. Aenean sit amet leo id enim dapibus eleifend. Phasellus ut erat dapibus, tempor sapien non, porta urna.
</p>
</div>
<div class="timeline-item" date-is='2008-2010'>
<h2>Entry Level Developer</h2>
<h4>Company INC</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae sapien porttitor, dignissim quam sit ame. Proin vitae tortor nec risus tristique efficitur. Aliquam luctus est urna, id aliquam orci tempus sed. Aenean sit amet leo id enim dapibus eleifend. Phasellus ut erat dapibus, tempor sapien non, porta urna.
</p>
</div>
</div>
www.joomlaplates.de/dokumentation.html
Please Log in or Create an account to join the conversation.