Last revision date

equilibriumx

How can I change the template to display the latest revision date of each article instead of the creation date?

saguaros

If I understand your question correctly, you want to show the modified date of an article instead of creation date, right?

Could you share the URL of page where articles you're mentioning?

equilibriumx

saguaros www.equilibriumx.com

saguaros

equilibriumx
I see your site's URL but I meant the place where you want to change the date, could you share screenshot highlighting that part?

equilibriumx

here you go

saguaros

Hi equilibriumx

You can open this file:

/templates/gk_msocial/html/com_content/article/default.php

Approx line 199,

<?php if ($params->get('show_publish_date')) : ?>
<time datetime="<?php echo JHtml::_('date', $this->item->publish_up, JText::_(DATE_W3C)); ?>"><?php echo JHtml::_('date', $this->item->publish_up, JText::_('j')); ?><span><?php echo JHtml::_('date', $this->item->publish_up, JText::_('M')); ?></span></time>
		<?php endif; ?>

change it to:

<?php if ($params->get('show_modify_date')) : ?>
<time datetime="<?php echo JHtml::_('date', $this->item->modified, JText::_(DATE_W3C)); ?>"><?php echo JHtml::_('date', $this->item->modified, JText::_('j')); ?><span><?php echo JHtml::_('date', $this->item->modified, JText::_('M')); ?></span></time>
<?php endif; ?>

equilibriumx

1) I did as indicated, and the date dissapeared completely, sO i reversed it as it was before.
FYI, I cleared the cache several times just in case, and the new code never showed as expected, but the old one as soon as I reversed it. So I guess, something is not right.
2) I now notice that the date green block has been showing only in desktop version, but not in the mobile... Why Is that, and how to correct that? (I want both to look the same)
3) I will appreciate you review it, thanks for your help

saguaros

equilibriumx
Kindly check the Options 'Show Modify date' in backend of your site, make sure you enable it already.

equilibriumx

OK, just did it but... It just added an extra text with the modify date, It didnt change the create date... I dont want so much confusion. I want only the modify date on the Green Square...
Also, why in the mobile version there is no Green Square?

Cheers

equilibriumx

I just turned off show creation date, and its showing the modify date.. But as you can see the are two errors.
First, its showing the modify date twice.
Second, the square moved overlapping the text beneath.

saguaros

Hi equilibriumx

It due to your custom css that you added into your site:

article header.nodate {
    padding-left: 0;  /*you can change to 75px as our demo site*/
}

About the duplicated date, by default, the date below the title should be hidden, I just updated this code into the 'override.css' file on your site:

/*Hide date in article header*/
article header li.modified {
    display: none;
}

Kindly check.

equilibriumx

Hello,

1) where should I adjust the article header padding?article header.nodate {
padding-left: 0; /you can change to 75px as our demo site/
}
2) Thanks for the override.. Its fine
3) the Square also dissapeared from mobile versions and the menu item, example https://equilibriumx.com/tips-en
4) what I dont understand is all these bugs, since I just copied/pasted your script without touching anything else.....why this happened?

thanks for your help

equilibriumx

This is URGENT NOW. I have no dates or this layout mess.. Please let me know how to fix it... Cheers

saguaros

Hi equilibriumx

First of all, this is not bug of template, by default, template shows the Published date for article there, when you decide to show Modified date there, you will need to update the code for article view.

My above suggestion is for detailed article page while with the page: https://equilibriumx.com/tips-en - it's category page and you will need to edit relevant file:

/html/com_content/category/blog_item.php

I updated the same code for you

And for the padding of the date box, I also updated this css:

article header.nodate {
padding-left: 75px !important;
}

to the file: /css/override.css

Kindly check.

equilibriumx

Thanks, it's working fine in the desktop version, but there is still a blank space I desktop version as shown above..

equilibriumx

Hello, I really appreciate your help. It has improved a lot; and now that you created the css override for the revision date, I adjusted the space a little bit closer.
1) BLOG ITEM: As you can see in the attachments. The alignment for the article is correct, but there is a white gap UNALIGNED on the BLOG ITEM Revision date green square. Can you show me where to adjust it?
2) The MOBILE version is still without the modified date. Please let me know how to make it visible, cause as I can see the space has been asigned, but is not showing up-

As usual, I am very grateful for your teaching, master yoda... he he..

Thanks

saguaros

Hi equilibriumx

You can customize style of this datetime box:

article header>time {
    background: #db4a37;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.15;
    height: 44px;
    left: 0;
    padding: 3px 0 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 7px;
    width: 44px;
		}

you can change the padding, top, ... properties to the value you wish

On mobile, it looks like you have custom css to hide this datetime, you can override by:

@media (max-width: 580px) {
article header>time {
    display: block !important;
}
}

equilibriumx

Perfect! Weighed like charm. I will adjust the header now.cheers.