Adding updated next to the original post date.

  • Author
    Posts
  • #148306

    theecotrail
    Member

    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

    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

    Wonderful! Thanks for your help!

    #148367

    designorbital
    Theme Author

    Thanks for your feedback.

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