Move date back in Manifest

• 

  wefpojefpeojapfomfe · Member · Oct 3, 2011 at 7:28 pm

  • Copy link
  • Add topic to favorites

  A few days back thesacredpath showed me how to move the date in Manifest. It worked perfectly – there was no border on top, just the Title, then the post, then below that to the right the date, then below the date (on the right) “Leave a comment” and below that the bottom border stretched across the whole 800px width.

  Today I decided to just attach my style sheet to the Manifest style sheet and things went crazy with the date and the border etc. I did some tinkering, but I can’t seem to:

  1) get rid of the top border
  2) find a way to move the date back down so it sits above “Leave a comment”
  3) move the title of the post back up to where that pesky top border currently sits.

  Can anyone help?

  Thanks

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

• 

  designsimply · Member · Oct 3, 2011 at 9:12 pm

  • Copy link

  This one is tricky! I can see the past code example here: https://en.forums.wordpress.com/topic/how-can-i-move-the-date-in-manifest?replies=4#post-709207 But maybe you modified your other CSS so much afterward that i no longer applies. I see that h5.post-date is positioned absolutely with “bottom:60px” but it doesn’t look like the bottom positioning is working and I’m not sure why!

• 

  wefpojefpeojapfomfe · Member · Oct 4, 2011 at 3:00 am

  • Copy link

  Hey designsimply – (btw, i got that code to work where I keep a post sticky at the top of a category…thanks!)

  Yea i don’t get it – if I take that code he wrote me straight up and add it to Manifests style sheet – it looks terrible. It looked perfect on my style sheet – until I added my sheet to Manifests – same terrible look. I’ve looked through both sheets – I can’t find anything that stands out.

• 

  wefpojefpeojapfomfe · Member · Oct 4, 2011 at 3:57 am

  • Copy link

  GOT IT! Had to set top to ‘auto’

  h5 {
  margin-bottom:10px;
  top:auto;
  font-size:1.5em;
  border-bottom:none;
  }
  
  h5 abbr {
  border-bottom:none;
  top:auto;
  padding:0;
  }
  
  then change thesacredpath's code to:
  
  h5.post-date {
  position:absolute;
  bottom:15px;
  text-align:right;
  right:0;
  }

  Alright!

• 

  designsimply · Member · Oct 4, 2011 at 8:16 pm

  • Copy link

  Nice! I could have sworn I tried that… but maybe it was height, or I set top to 0… :) Thanks tons for posting a follow-up, that is awesome!

• 

  wefpojefpeojapfomfe · Member · Oct 4, 2011 at 8:20 pm

  • Copy link

  Hey, thanks for all the help – I was close to giving up on the cat description campaign until you dropped me that line of code. Now I got cat descriptions that are styled and everything.

  designsimply, you have successfully engineered my happiness….