Adding updated next to the original post date.
-
AuthorPosts
-
Hi,
I am wondering if there is a way add an indicator within blog posts, next to the post date which shows that the post was updated, and when it was updated.
I have attached a mockup image to show what I am looking for. Image
I look forward to hearing from you.
The blog I need help with is: theecotrail.com
Hi,
It is not possible to get the 100% result as you mentioned in the sample image. However, i have tried my best to write a CSS Snippet for you. Following CSS Snippet might be helpful to you.Please try the following CSS Snippet,
.entry-meta-site-hero ul li { display: block; } .entry-meta-site-hero.entry-meta ul > li::before { display: none; } .entry-meta-site-hero .posted-on .published { display: block; } .entry-meta-site-hero .posted-on .published::before { display: inline-block; content: 'Published:'; margin-right: 5px; } .entry-meta-site-hero .posted-on .updated:not(.published) { display: inline-block; pointer-events: none; } .entry-meta-site-hero .posted-on .updated:not(.published)::before { display: inline-block; content: 'Updated:'; margin-right: 5px; }
Thanks
Thanks!
Is there a way to to make the line with updated italicized? or with a smaller font?
Please remove the previous CSS Snippet and try the following one,
.entry-meta-site-hero ul li { display: block; } .entry-meta-site-hero.entry-meta ul > li::before { display: none; } .entry-meta-site-hero .posted-on .published { display: block; } .entry-meta-site-hero .posted-on .published::before { display: inline-block; content: 'Published:'; margin-right: 5px; } .entry-meta-site-hero .posted-on .updated:not(.published) { display: inline-block; font-style: italic; font-size: 11px; } .entry-meta-site-hero .posted-on .updated:not(.published)::before { display: inline-block; content: 'Updated:'; margin-right: 5px; }
Thanks
Wonderful! Thanks for your help!
Thanks for your feedback.
-
AuthorPosts
The topic ‘Adding updated next to the original post date.’ is closed to new replies.