need help changing comments area

  • Unknown's avatar
    rodiy2k · Member ·

    Hi
    I can;t figure out how to target all the elements in my content area so the line spacing is significantly reduced; I’ve tried to identify the id of the entire comment area by highlighting it and it appears to be #comments.comments-area However, each element within the comments area seems to a different id (one for the reply, one for the like button, one for the edit).
    Can someone please explain how I figure out what to target for an entire section (or “div”) so I can change margin, line spacing etc?

    Also, can someone please look at their editor and show me where I can see the default CSS which came with the theme for the comments area? (I’ve not altered it yet)

    I have 4 comments on the following permalink:
    http://experimentalexpats.com/2014/10/08/hangin-with-the-hill-people-in-thailand/

    Thanks

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

  • Unknown's avatar
    rodiy2k · Member ·

    To further explain:
    For each of the specific comments in the above example (like article#comment-14.comment where the number changes for each fo the 4 comments), my style box shows: margin 24, no border, padding 24, and element box 576.984 X 252)

    Since those numbers remains constant in every comment I assume those are the elements I need to change ? Does 24 mean the px?

    Again, I’m unclear how to target the entire field when all the elements need to be changed (margin, padding, line spacing etc)

    Thanks

  • Unknown's avatar
    hallluke · Member ·

    It looks like it’s not the line spacing (the gaps between lines in the same paragraph) that’s the issue but the margins and paddings assigned to the different elements in each comment. Here’s some code that will squeeze things together a bit, you can change the values I’ve used if you like to make it taller or shorter as you see fit:

    .comments-area article header,
.comment-content p {
  margin-bottom:10px;
}

.comments-area article {
  margin:10px 0;
  padding-bottom:10px;
}

    There’s a good explanation of how to view the HTML structure and default CSS for your theme in the support pages. I mostly use the Firefox default “inspect element” tool.

  • Unknown's avatar
    rodiy2k · Member ·

    It looks like it’s not the line spacing (the gaps between lines in the same paragraph) that’s the issue but the margins and paddings assigned to the different elements in each comment. Here’s some code that will squeeze things together a bit, you can change the values I’ve used if you like to make it taller or shorter as you see fit:

    Hi
    Thanks so much; although I still wish I could figure out the code simply by looking at my editor, I did use your guide and even added some additional CSS fro background color and name/time colors. It’s much better now.

    I want to tackle the menu later but I’d rather write some content now so I’ll be back in touch later

    Thanks again

  • The topic ‘need help changing comments area’ is closed to new replies.