en WordPress.com Forums › CSS Customization

Customizing spacing in between reactions

• Author
  Posts
• January 30, 2013 at 8:46 pm #1141257
  
  supermasj
  

  Member

  Just starting to tweak the style of my blog, and exploring CSS a bit, but I’ve got some issues
  -There is excessive space in between the different comments on my blog, how do I reduce it?
  -Is there an easy way to change the Name of ‘Leave a Reply’ link to something else

  Any help would be much appreciated

  The blog I need help with is fruitberg.wordpress.com.

  January 31, 2013 at 1:52 am #1141384
  
  thesacredpath
  

  Staff

  You can play with the bottom margin value in the following which controls the space between the Gravatar and the top of the comment. Paste this below any existing CSS you have.

  .comments-area article header {
      margin-bottom: 3.42857rem;
      overflow: hidden;
      position: relative;
  }

  If you want to tighten up the spacing between the comment and the “reply” link below, add this to the end of your CSS and adjust as desired.

  .comment-content p {
   margin-bottom: 1.71429rem;
  }

  January 31, 2013 at 5:19 am #1141400
  
  supermasj
  

  Member

  OK. This looks much better now. Thank you a lot.

  January 31, 2013 at 4:10 pm #1141435
  
  thesacredpath
  

  Staff

  You are welcome.

  January 31, 2013 at 10:18 pm #1141452
  
  supermasj
  

  Member

  I’ve been tweaking some other elements, just two more questions.

  – There is a downarrow in my comments (&darr variable). How do I get rid of it?
  – I can move the avatar(class avatar and avatar-44), and the name of the person who is posting a comment (class fn), but not the datetime stamp below it, because I haven’t got a class name for it. Any idea?

  February 1, 2013 at 3:39 am #1141454
  
  thesacredpath
  

  Staff

  This will get rid of the down arrow.

  .reply span {
  display: none;
  }

  The date is part of .comments-area article header . What sort of movement are you trying to do with the date?

  February 1, 2013 at 5:19 am #1141456
  
  supermasj
  

  Member

  Thanks again for those disappearing arrows.
  I would like to reduce the margin between the avatar on the one hand and both name (fn) and datetime on the other hand. I know how to shift the name (fn) but not the date time field

  February 14, 2013 at 2:16 am #1141473
  
  designsimply
  

  Staff

  Try this:

  .comments-area article header cite,
  .comments-area article header time {
  	margin-left: 60px;
  }

  Adjust the margin-left value as needed.

  March 12, 2013 at 5:04 am #1141489
  
  supermasj
  

  Member

  Thank you,works perfectly

• Author
  Posts

The topic ‘Customizing spacing in between reactions’ is closed to new replies.