Comments

• 

  taylamareephotography · Member · September 3, 2018 at 1:33 am

  • Copy link
  • Add topic to favorites

  How can I make reply comments go in a sort of ‘drop-box’ mode instead of continuing down the page? I don’t like all my replies with one person taking up too much space if that makes sense.

  Thanks!

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

• 

  ricardpriet · Theme Author · September 3, 2018 at 3:25 pm

  • Copy link

  Hi there,

  you can try the following CSS. It will hide the comment and add a fake button. When user makes mouse over the button, the text will be shown:

  #comments .children > .comment .comment-content p {
      display: none;
  }
  #comments .children > .comment .comment-content:hover p {
      display: block;
  }
  #comments .children > .comment .comment-content:before {
      content: "Show Comment";
      color: #aaa;
      border: 1px solid #aaa;
      font-size: 12px;
      padding: 3px 10px;
      border-radius: 25px;
      display: inline-block;
      margin-bottom: 15px;
  }

  Comment hidden: http://imagizer.imageshack.com/img924/1223/6sSgm0.jpg
  Comment on mouseover: http://imagizer.imageshack.com/img922/7866/YGWNJA.jpg

  Hope this helps :)
  Ricardo P. from SiloCreativo