Fixing font sizes and styles of the COMMENT area under the posts

• 

  mayabarakat · Member · Jan 27, 2015 at 6:22 pm

  • Copy link
  • Add topic to favorites

  Hello !
  Please there are several things I would like to fix, all in regard to my comments box under my posts:

  1. How can I make the font size of “xxx says” match the font size of the comment itself?

  2. How can I make the font size of the date and time much smaller?

  3. How can I make the spacing between the date and the comment much smaller?

  4. How can I put the Like and Reply button on the same line (not underneath each other) ?

  5. How can I make the font size of the word “Reply” match the font size of the comment itself ?

  THANK YOU VERY MUCH !! : )

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

• 

  staff-happychia · Staff · Jan 28, 2015 at 8:26 am

  • Copy link

  1. We already have the following rule that is setting comment font size.

  .comment-content p {
      font-size: 14px
  }

  Let’s modify it to add the selectors for comment author and the date as well, so all the fonts will be uniform in size.

  .comment-content p, .comment-meta .comment-author,  .comment-meta .comment-metadata a {
      font-size: 14px
  }

  2. Separate the following selector and make a new rule with the requires font size:

  .comment-meta .comment-metadata a  {
      font-size: 10px;
  }

  3. Reduce the top margin of comment a bit in the following rule:

  .comment-content {
  	margin: 1.5em 0 0;
  }

  4. I don’t know how to do this, sorry.

  5. Add the following selector to the CSS in the #1 above.

  , .reply