Joomla Templates Club 406,261 posts

[damaskmedia Friend damaskmediaJoin date: November 2014Posts: 39Downloads:4Uploads:18 Thanks: 9]

#206071

Hi, I have 3 questions:

1) how can i change the dates in ascending or descending order

2) How can I change the format of the dates at the moment it is in American style

please help

3) Finally how can i make the arrow on the left hand side face inward.

here is the code that is controlling it at the moment:

.acm-timeline.style-1 .timeline-list .item-row .timeline-item .item-content:before {
border-right: 10px solid #B2BB1E !important;
border-left: 0 !important;
right: 100% !important;
left: auto !important
}

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#569547

1) The first your question is very hard maybe it is out of JA support scope

2) You can change format date to American style

Open templates/uber/acm/timeline/tmpl/style-1.php file

find and change

<?php if($helper->get('data.date', $i)): ?><div class="item-date"><?php echo $helper->get('data.date', $i) ?></div><?php endif; ?>

to

<?php if($helper->get('data.date', $i)): ?><div class="item-date"><?php echo JHtml::_('date', $helper->get('data.date', $i), JText::_('DATE_FORMAT_LC3'));?></div><?php endif; ?>

3) You can change color style with my solution below

Open templates/uber/css/custom.css file and add new rule


.acm-timeline.style-1 .timeline-list .item-row .timeline-item .item-content {
background: #039be5 ;
}
.acm-timeline.style-1 .timeline-list .item-row .timeline-item .item-content:before {
border-right: 10px solid #039be5 !important;
}


[damaskmedia Friend damaskmediaJoin date: November 2014Posts: 39Downloads:4Uploads:18 Thanks: 9]

#569986

many thanks for your help but it seems as though the code you have given makes all the arrows face the same way

please see below:

---

Attachments:

1. 

[damaskmedia Friend damaskmediaJoin date: November 2014Posts: 39Downloads:4Uploads:18 Thanks: 9]

#735060

many thanks for your help but it seems as though the code you have given makes all the arrows face the same way

please see below:

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#570093

<em>@damaskmedia 472578 wrote:</em><blockquote>many thanks for your help but it seems as though the code you have given makes all the arrows face the same way

please see below:

</blockquote>

Have you solved the problem on your site? I see it’s working fine on your site.

---

Attachments:

1. 

[Author]

Posts