Adding updated next to the original post date.

Premium Theme Support › DesignOrbital › Anemone

• Author
  Posts
• October 18, 2019 at 4:35 pm #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.

  October 19, 2019 at 5:52 am #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

  October 19, 2019 at 7:58 pm #148337
  
  theecotrail
  

  Member

  Thanks!

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

  October 20, 2019 at 7:53 am #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

  October 20, 2019 at 6:45 pm #148354
  
  theecotrail
  

  Member

  Wonderful! Thanks for your help!

  October 21, 2019 at 4:42 am #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.