Move header

• 

  thebarbecuechef · Member · Jan 6, 2012 at 5:01 pm

  • Copy link
  • Add topic to favorites

  Hello, i’d like to move h5, the date, from the top of the post to the bottom. I’ve tried but to no avail. Thanks!

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

• 

  thebarbecuechef · Member · Jan 6, 2012 at 5:02 pm

  • Copy link

  Do i change something here?

  h5 {
position:relative;
top:-35px;
margin-bottom:60px;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:1.2em;
color:#999;
font-weight:normal;
border-bottom:1px solid #999;
background:#fff;
}

• 

  designsimply · Member · Jan 6, 2012 at 8:20 pm

  • Copy link

  I tried testing a few different things and this ended up working for me.

  h5.post-date {
  position: absolute;
  top: auto;
  bottom: 1.5em;
  width: 100%;
  }

  Note that you may need to adjust the bottom setting to move the date a little further down or up depending on your preference.

  I tested the above CSS on http://thebarbecuechef.wordpress.com/ and the 1.5em measurement seemed to work the best for all of the different custom post types in Manifest.

• 

  thebarbecuechef · Member · Jan 7, 2012 at 7:52 am

  • Copy link

  Thanks! But now the comments are below the date. How do i bring it up?

• 

  thesacredpath · Member · Jan 7, 2012 at 8:25 am

  • Copy link

  Change the bottom value to 0 and then do this. You can play with the 45px value

  h5.post-date {
  bottom: 0;
  }
  
  #core-content .post-meta div {
  margin-bottom: 45px;
  }

• 

  thebarbecuechef · Member · Jan 7, 2012 at 10:45 am

  • Copy link

  Thank you!

• 

  thesacredpath · Member · Jan 7, 2012 at 10:53 am

  • Copy link

  You are welcome.