Images for comments being cut off with custom width

• 

  amengelhart · Member · Dec 10, 2013 at 7:57 pm

  • Copy link
  • Add topic to favorites

  Hi – hopefully this makes sense, I’m new to all of this.

  I just changed the content width on Reddle using the following instructions: https://en.forums.wordpress.com/topic/reddle-how-to-change-content-width?replies=13

  However, when I added this in CSS, the gravtar images in the comments section became cut off on the left side. I did alter the percentages below a little bit because this made the text overlap into the right side margin, perhaps that is the problem?
  .secondary #content {
  margin: 0 31% 0 7%;
  }
  footer .permalink,
  .image-attachment #content footer .permalink {
  margin-left: 58px;
  }

  What do I need to do to align the images for the comments as the circles are for the date?

  The blog I need help with is: http://lovelyliterature.com/

  Many thanks!!

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

• 

  staff-totoro · Staff · Dec 10, 2013 at 10:49 pm

  • Copy link

  Hi there,

  No problem. The following line of code will bring the Gravatars back in line for you:

  ‘.secondary .comment .avatar, .secondary .comment-author:before {
  left: -10%;
  }’

  If you like you can tweak that CSS value to find what works for you. Feel free to experiment. :)

  Hope that helps. Please let me know if you have any further questions.

• 

  amengelhart · Member · Dec 11, 2013 at 6:02 pm

  • Copy link

  It worked perfectly. Thanks for the help!

• 

  staff-totoro · Staff · Dec 11, 2013 at 6:24 pm

  • Copy link

  Great, glad I could help!

  Happy Blogging :)