Adjusting Comment Box Height

• 

  themabelkwong · Member · Apr 9, 2016 at 1:06 pm

  • Copy link
  • Add topic to favorites

  I am trying to adjust the height of my comment box. I would like it to be longer, and so would like my comment box to be longer vertically, so to speak.

  I have the CSS upgrade and had a play around. I tried this code but it didn’t seem to work:

  #comments #respond {
  max-width: 693px;
  height: 400px;
  }

  If anyone can help, that will be much appreciated. Thanks!

  mabelkwong.com

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

• 

  swoolz · Member · Apr 9, 2016 at 3:03 pm

  • Copy link

  Hi there,

  You’re talking about the comment box on your individual posts below the “Share your thoughts. Join the discussion!” line, right? =)

  Try this code below:

  element.style {
      height: 400px;
  }

  This should expand your text vertically. Did that do the trick?

  -Sarah

• 

  thesacredpath · Member · Apr 9, 2016 at 6:52 pm

  • Copy link

  Hi there, to adjust the height of the comment box text area, use the following.

  #comment-form-comment {
      min-height: 400px;
  }

• 

  swoolz · Member · Apr 9, 2016 at 6:54 pm

  • Copy link

  Use TheSacredPath’s code. He’s brilliant. :)

• 

  thesacredpath · Member · Apr 9, 2016 at 6:54 pm

  • Copy link

  @sierraecho89, when you see element.style in your web inspector, what that indicates is that there is inline styling directly in the HTML element. Anywhere you there is an element with inline styling, you will see that, so if you add that to your CSS, it will change all those elements, even the ones you would not want to change.

• 

  swoolz · Member · Apr 9, 2016 at 6:57 pm

  • Copy link

  Oh my. Thank you for the information! I wondered about that, but I couldn’t find any other elements it seemed to affect. Looks like I need to go back to Code School.. :)

• 

  themabelkwong · Member · Apr 10, 2016 at 9:47 am

  • Copy link

  Thanks for that, Sacred Path. Much appreciated. The code worked like a charm.

  Initially I was using #respond #textarea {…} but that didn’t seem to work. Looking at it in the Web inspector, looks like I was looking at the wrong HTML element.

  Thank you once again.

• 

  thesacredpath · Member · Apr 11, 2016 at 7:24 pm

  • Copy link

  You are welcome, and sometimes it is a bit of a challenge to figure out which HTML element you need to do the CSS on. On some themes it is more straight forward than others, and it also depends on how “creative” the theme designer got. Sometimes they use some pretty interesting ways of doing things and it can take a while to figure out.

  Do let us know if you have additional questions.