Archived topic
How to move the comments metadata (date/time) to another location?
5 replies · Started by Joan on August 10, 2022
In the comments display layout, I'd like to move the comment metadata (i.e., date and time) to the same "row" as the author's name.
Preferably, I'd like it to be as far over to the right as the container allows. Or, next to the author's name if that's not possible.
Is that doable via CSS? If so, can you provide the CSS code that will accomplish it?
Thanks,
Joan
Hi Joan,
Try this CSS:
.single-post .comment-author-info {
display: flex;
justify-content: flex-end;
}
.single-post .comment-author.vcard {
padding-right: 20px;
}Thanks, the code you provided displays the author and date/time on the same line as I needed. It also moved the author's name and the date/time to the far right.
I was hoping to keep the author's name adjacent to the gravatar and just move the date/time to the right. That may not be possible?
I'll use the code you provided but change justify-content to flex-start so it keeps the author's name next to the gravatar. I can live with the date/time being adjacent to the author's name instead of on the far right for now.
Appreciate your help!
Then try use space-between for justify-content :)
Oh, that works great! Thanks so much, I never would have figured this out on my own. You're a rock star!!
You are welcome :)
