Premium Theme Support › DesignOrbital › Anemone

Adding updated next to the original post date.

  • Author
    Posts
  • #148306

    theecotrail
    Member
    Original poster

    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

    #148319

    designorbital
    Theme Author

    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

    #148337

    theecotrail
    Member
    Original poster

    Thanks!

    Is there a way to to make the line with updated italicized? or with a smaller font?

    #148343

    designorbital
    Theme Author

    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

    #148354

    theecotrail
    Member
    Original poster

    Wonderful! Thanks for your help!

    #148367

    designorbital
    Theme Author

    Thanks for your feedback.

  • Author
    Posts

The topic ‘Adding updated next to the original post date.’ is closed to new replies.