Need help? Check out our Support site, then


WordPress.com Forums » Support

Name partially hidden under comment box

  1. seandraizen
    Member

    The title of this post basically says it. If a commentor's name is too long it gets hidden under the comment box. Does anyone know the CSS code to fix this?

    http://therationalista.wordpress.com/2010/10/13/the-atheista/#comments

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

  2. thesacredpath
    Member

    Since the username has no spaces in it, the software doesn't know where to make a line break.

    About all you could do is to make the comment itself narrower, but then if someone comes along with an even longer username, it will still be a problem. You would also have to make the div for the username wider as well

  3. seandraizen
    Member

    Thanks for your help. Is there a way to put the username inside the comment box? Then this won't really be an issue.

  4. thesacredpath
    Member

    I was thinking of some options, and the gravatar could be moved to the left and then the username put to the right of it and then the grey comment content area could be moved down. I'll tell you what, give me about half hour to play around with it and I'll post some code you can try. What you are going to want to do after adding it to your CSS is to visit several posts with varying numbers of comments and hopefully with some threaded comments to make sure that nothing strange happens.

  5. seandraizen
    Member

    Thanks, I appreciate it.

  6. thesacredpath
    Member

    Sorry it took so long, the roofer showed up to repair the gutters.

    I think I got all this in, add it to the bottom of your CSS and see what it does (that way it is easy to remove if you have to.

    .comment .info {float:right;width:520px; }
.comment .pic {float:left;margin-top:0; }
.comment .name {width:100px;position:relative;top:-40px;left:70px;overflow:visible; }

    Again, test everything out with different comment arrangements to make sure everything stays where it should.

  7. thesacredpath
    Member

    The other choice would be to simply make the comment box narrower and widen the name, but this way the name can expand as needed since I've done the overflow:visible on it.

  8. seandraizen
    Member

    Cool, thanks agian for your help.

  9. thesacredpath
    Member

    You're welcome, and make sure and let us know if there are any peculiarities that show up.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.