Twenty Twelve Move "leave a comment"

• 

  jgianoli · Member · Oct 12, 2012 at 1:31 am

  • Copy link
  • Add topic to favorites

  I would like to move the “leave a comment” link down to the bottom of the post. It currently is under the post title. How can I do this via CSS?

  Thank you!

  Joe

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

• 

  designsimply · Member · Oct 13, 2012 at 10:49 pm

  • Copy link

  To move the “Leave a reply” links from the top to the bottom of posts on the Twenty Twelve theme, add this to your Appearance → Custom Design → CSS editor:

  #content .post {
  	position: relative;
  }
  
  #content .comments-link {
  	position: absolute;
  	bottom: 1em;
  }
  
  #content .post {
  	padding-bottom: 3em;
  }

• 

  jgianoli · Member · Oct 14, 2012 at 11:44 pm

  • Copy link

  Perfect! Thank you!

• 

  coverstorygray12 · Member · Oct 16, 2012 at 10:38 pm

  • Copy link

  I want to do the same thing on the Adventure Journal theme. This code almost works — it affects the text I want to remove (“Leave a Comment”) by shrinking and moving the blue box around it up or down. But it doesn’t remove the text. Help?

  My WordPress-hosted site is http://stivershamblen.com.

• 

  timethief · Member · Oct 16, 2012 at 10:45 pm

  • Copy link

  @coverstorygray12
  All CSS editing is theme specific. Please click this link a start your own Adventure Journal thread. https://en.forums.wordpress.com/forum/css-customization#postform