Overwhelmed beginner

• 

  jfjansen26 · Member · Jun 20, 2015 at 4:35 pm

  • Copy link
  • Add topic to favorites

  Help! I have a blog site at jfjansen.com and I am simply trying to move the Comments/Leave a Reply button up so it’s at the end of the postings rather than make people scroll and scroll to find it. I was told I need to upgrade to Premium to get CSS, which I did, but I have never used html before and I’m lost. Any tips on pointing me in the right direction to start will be very much appreciated. John

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

• 

  michaelvandenberg · Member · Jun 20, 2015 at 7:11 pm

  • Copy link

  Hi there!

  I’m not sure if I understand you.

  But if you want to switch the position of the comments list and the comment form, you could do that fairly easily with Flexbox.

  Something like this should work:

  div#comments {
  	display: flex;
  	flex-direction: column;
  }
  
  .comments-area-wrapper {
  	order: 2;
  }
  
  div#respond {
  	order: 1;
  }

  It’s relatively new, so I would be prefix it and I would add some bottom margin to the comment form. So the end result will be something like this:

  div#comments {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  
  .comments-area-wrapper {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  
  div#respond {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 50px;
  }

  I hope it helps! :)

  Regards,

  Michael

• 

  kathrynwp · Staff · Jun 22, 2015 at 3:47 pm

  • Copy link

  Hi John – could you clarify on which page you’re trying to make changes, and exactly what you’re trying to do in more detail so I can understand better?

  On single blog posts, the comment form is always at the bottom of posts – that’s the standard blog layout in pretty much all themes. Folks need to read the post before commenting, so it kind of makes sense. :)