End of Support for Joomla 3 - Forum closed

Timeline css - how to use it in different template

Timeline css - how to use it in different template was created by lukaszw80

Posted 3 years 7 months ago #27668
Hi.
What 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.

Replied by joomlaplates on topic Timeline css - how to use it in different template

Posted 3 years 7 months ago #27669
Hello,
just 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>

Please Log in or Create an account to join the conversation.

Moderators: joomlaplates

Installations-Service

Don´t waste your time, we install your purchased Template
with the "Demo Content" within the next 24 hours.

Buy Now - 59€

Joomlaplates/Theme-Point is not affiliated with or endorsed by Open Source Matters or the Joomla! Project

Copyright © 2022 JoomlaPlates | Professional Joomla Templates with Uikit 3

Disclaimer & Privacy | License