Add publish date to top of blog posts

• 

  beaubeauxfamily · Member · Sep 5, 2017 at 12:12 am

  • Copy link
  • Add topic to favorites

  My theme only displays the publish date at the bottom of the post. Is there a way to add the publish date to the top (or any where) to a post where the theme does not?

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Sep 6, 2017 at 7:48 pm

  • Copy link

  Hi there, there is some advanced CSS that can be used to move the date and comments link from the bottom to the top, but the caveat is that, although this works in most all modern browsers, in IE, it only works for version 10 and later, so anyone coming to your site on IE 9 or earlier will not see this change, but the browser market share on 9 and earlier is pretty small. Add this to your custom CSS and save and then visit your site to see the change. There has been a bit of an issue with this code, so if the date and comment link do not move to the top, keep the CSS in your custom CSS and let me know.

  .content-area .hentry .hentry-wrapper {
  	display: flex;
  	flex-direction: column;
  	box-orient: vertical;
  	display: -webkit-box;
  	-webkit-flex-direction: column;
  	-webkit-box-orient: vertical;
  	display: -webkit-flex;
  	display: -moz-box;
  	-moz-flex-direction: column;
  	-moz-box-orient: vertical;
  	display: -ms-flexbox;
  	-ms-flex-direction: column;
  	-ms-box-orient: vertical;
  }
  .content-area .hentry .hentry-wrapper .entry-header {
  	-webkit-box-ordinal-group: 1;
  	-moz-box-ordinal-group: 1;
  	-ms-flex-order: 1;
  	-webkit-order: 1;
  	order: 1;
  }
  .content-area .hentry .hentry-wrapper .entry-footer {
  	-webkit-box-ordinal-group: 2;
  	-moz-box-ordinal-group: 2;
  	-ms-flex-order: 2;
  	-webkit-order: 2;
  	order: 2;
  }
  .content-area .hentry .hentry-wrapper .entry-content {
  	-webkit-box-ordinal-group: 3;
  	-moz-box-ordinal-group: 3;
  	-ms-flex-order: 3;
  	-webkit-order: 3;
  	order: 3;
  }