Archived topic
Tweaking 'last updated' and 'written by'
5 replies · Started by Andrew on April 22, 2021
Hello!
Using the below CSS (that I found in a previous post), I have now this on my blog posts:
Last updated April 17, 2021 by AUTHOR
.posted-on .updated {
display: inline-block;
}
.posted-on .updated + .entry-date {
display: none;
}
.posted-on .updated:before {
content: "Last Updated ";
}
But I really want this:
Written by AUTHOR | Last updated April 14, 2021
Can you recommend some magic CSS?
Also... how comes at the moment the 'Last updated is text that I cannot highlight in my browser but the rest of the text can be?
Cheers!
Hi Andrew,
Any chance you can link us to the site in question?
You can use the private information field.
You could also try updating to GPP 2.0 and install Generateblock plugin, the dynamic content feature in block element gives you the option to design your own post meta.
Here's a demo video:
https://youtu.be/Ni3KXdZ5Dl8
Sure no problem! :-)
You can try this CSS:
.entry-meta {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
}
.entry-meta .byline:before {
content: "Written ";
}
.entry-meta .byline {
padding-right: 5px;
}
.entry-meta .posted-on {
border-left: 1px solid #333;
padding-left: 5px;
}You will definitely want to switch to the method Ying suggested once GPP 2.0 is released.
Thanks, Leo that works fine!
Thanks, Ying I will certainly move to v2.0 later but will wait until it has been Alpha for a while
No problem :)
