[Resolved] Adding updated as of recent date on All posts ?

[aziz]

Hi ,

Please assit what is the code for updated as of recent date on All posts ? .

currently i have it in original dates.

please advise also when to flag that code .

( first time to use GP )

thanks
Aziz

[Leo]

Hi there,

Take a look at this article:
https://docs.generatepress.com/article/show-the-updated-post-date/

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps 🙂

[aziz]

HI Leo ,

Thanks, any other way aside from installing an additional plugin( Simple CSS )

[David]

Hi there,

CSS can be added to the Customizer > Additional CSS, thats built into WP core. Alternative is to add them to a child theme style.css

[aziz]

HI David and Leo ,

This is solved, thanks very much.

Aziz

[Leo]

Glad we could help 🙂

[aziz]

HI Leo and David

connection to above, I just paid attention that ”last updated date ” working only for desktop and doest work for mobile :

for your info for same post :

Mobile : https://prnt.sc/p3devo
DEsktop: https://prnt.sc/p3deaz

thanks in advance
Aziz

[Leo]

That’s because your code is wrapped with desktop media query:
https://www.screencast.com/t/0fk0fblwRofK

[aziz]

Hi Leo, thanks for explaining

how can I fix it then so it will reflect in the mobile. thanks

Aziz

[David]

You have CSS that starts with a media query – looks like this:

@media (min-width:769px){
    /* styles here */
}

This includes the:

.posted-on .updated {
    display: inline-block
}

Cut this piece of code and paste it outside of the media query

[aziz]

HI David ,

thanks for the follow up.

Just confirming the code please, this is the one :

@media (min-width: 769px) {
.post-image-aligned-left .post-image img {
max-width: 300px;
}
.posted-on .updated {
display: inline-block;
}
.posted-on .published {
display: none;
}
.posted-on .updated:before {
content: “Last updated: “;
}

[Leo]

Edit it to this:

@media (min-width: 769px) {
    .post-image-aligned-left .post-image img {
        max-width: 300px;
    }
}
.posted-on .updated {
    display: inline-block;
}
.posted-on .published {
    display: none;
}
.posted-on .updated:before {
    content: "Last updated: ";
}

[aziz]

Hi Leo ,

thanks for the help.

I’m still fighting to get it reflected in the SERP

Aziz

[Leo]

Is this what you are looking for?
https://docs.generatepress.com/article/generate_post_date_output/#only-show-updated-date

[aziz]

HI Leo

I think so, yes , need google to index the updated dated and show in the SERP

Or I can remove the date from the SERP at all.

thanks again
Aziz

[Author]

Posts