Customizing comments area

• 

  saanajaakkola · Member · Sep 26, 2014 at 11:18 am

  • Copy link
  • Add topic to favorites

  I would need help with customizing my comments area as I think it’s very unclear. Any tips and suggestions are welcome. You can have a look at the comments area here to see what I mean: http://livenowdreamlater.net/2014/09/25/my-bucket-list-list-of-things-i-want-to-do-before/

  At least it would be nice to have the background color to reach where the gravatar pics are but I don’t know how to do it. Also if there is a way somehow to separate comments/discussions from each other (e.g. with a border or sth) would make it clearer.

  PS. Could anyone also help how to add a little bit of margin on the top of my widget area? I tried margin-top: 10px but it didn’t help.

  Thanks so much for any help.

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

• 

  hallluke · Member · Sep 26, 2014 at 12:01 pm

  • Copy link

  Hi Saana,

  Try this to add some dividing borders to your comments:

  article.comment {
    border-bottom:7px double #fff;
  }

  I’m guessing that you don’t want your social icons right up against the top of your sidebar so this code should fix that (if you meant something different just let me know):

  .syndicate {
    padding:10px;
  }
  
  .syndicate ul {
    margin:0;
  }

• 

  saanajaakkola · Member · Sep 26, 2014 at 12:12 pm

  • Copy link

  Thanks so much, it’s so much better now! Could you maybe also advise if there is a way to make the background of the comments section wider so that the gravatar pictures would be also on the same color background? Also adding a tiny little bit margin on the right side would make it look a bit better. Thanks a lot for your help, I have still lots to learn about CSS…

• 

  hallluke · Member · Sep 26, 2014 at 12:20 pm

  • Copy link

  Add this in and let me know how you think it looks:

  article.comment {
    padding:0 20px;
  }
  
  article.comment .reply {
    right:20px;
  }
  
  #comments {
    background:#E6E6F0;
    margin-left:0;
    padding-left:14.2857%;
  }

• 

  saanajaakkola · Member · Sep 26, 2014 at 12:25 pm

  • Copy link

  It looks perfect, thanks so much. You’re my angel! :D

• 

  hallluke · Member · Sep 26, 2014 at 12:51 pm

  • Copy link

  No problem, if you ever get that beach house just let me know!

• 

  saanajaakkola · Member · Sep 26, 2014 at 4:03 pm

  • Copy link

  :D
  I promise!