Name partially hidden under comment box

seandraizen · Member · Oct 14, 2010 at 6:27 pm
Copy link

Add topic to favorites
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: (visible only to logged in users)
thesacredpath · Member · Oct 14, 2010 at 7:10 pm
Copy link
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
seandraizen · Member · Oct 14, 2010 at 7:33 pm
Copy link
Thanks for your help. Is there a way to put the username inside the comment box? Then this won’t really be an issue.
thesacredpath · Member · Oct 14, 2010 at 7:43 pm
Copy link
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.
seandraizen · Member · Oct 14, 2010 at 7:47 pm
Copy link
Thanks, I appreciate it.
thesacredpath · Member · Oct 14, 2010 at 9:31 pm
Copy link
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.
thesacredpath · Member · Oct 14, 2010 at 9:33 pm
Copy link
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.
seandraizen · Member · Oct 15, 2010 at 6:43 pm
Copy link
Cool, thanks agian for your help.
thesacredpath · Member · Oct 15, 2010 at 7:55 pm
Copy link
You’re welcome, and make sure and let us know if there are any peculiarities that show up.

The topic ‘Name partially hidden under comment box’ is closed to new replies.

WordPress.com forums

Name partially hidden under comment box