move "posted on" with the date at the bottom of the post in twenty eleven

• 

  inchikh · Member · Mar 12, 2014 at 1:59 pm

  • Copy link
  • Add topic to favorites

  Hi,
  I would like to move the date on my posts at the bottom of the post,
  I only found CSS customization to remove the date, I don’t want to remove it but just having it at the bottom of the post besides the category.

  thanks a lot !

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

• 

  thesacredpath · Member · Mar 13, 2014 at 2:21 am

  • Copy link

  Hi there, give the following CSS a try and see what you think.

  .hentry {
      position: relative;
  }
  header .entry-meta {
      position: absolute;
      bottom: 22px;
      right: 0;
      padding-right: 0 !important;
  }
  footer .entry-meta {
      max-width: 60%;
  }
  @media screen and (max-width: 600px) {
      header .entry-meta {
          left: 0;
          bottom: 0;
      }
  }

  Due to the responsive design of this theme, at 600px in width, or narrower, I’ve set things to move the date to the left underneath the categories as it collides with the categories below that. The collision can still happen if you have a lot of categories assigned to a post though.

• 

  inchikh · Member · Mar 13, 2014 at 9:52 am

  • Copy link

  Thank you sacredpath !
  it’s not doing exactly what I thought it would, the date is not on the left but far away on the right… Do you think I can have it on the left, underneath or before the categories ?
  Thank you very much :)

• 

  thesacredpath · Member · Mar 14, 2014 at 5:05 am

  • Copy link

  Sorry, I thought you wanted it beside the categories. Remove what I had given above and add this instead.

  .hentry {
      position: relative;
  }
  header .entry-meta {
      bottom: 0;
      position: absolute;
      left: 0;
  }