[SOLVED] Problem with usernames running into entry text on friend's page when icons are turned off

[weehobbit]

On my friends page I choose to turn off icons and use friends colors. The problem I have is that the entry text sometimes goes onto the same line as the user/community name and it looks smooshed

Comments

[av8rmike]

Applying CSS to the .user-icon class won't do anything because the DIV isn't printed when you turn off userpics in the journal options. It looks like the effect you're seeing might be by design, or the logic in the layout code doesn't cover all combinations. See this post for previous problems with the issue.
I figured out some CSS that you could apply to remove only the userpic, but it uses the advanced CSS selectors, if you're interested.

[weehobbit]

So if I'm understanding this right, in order to keep the .user-icon class and any margins I may want to add I have to turn on userpics in journal options and then apply advanced CSS?

And it would be awesome if you could share the code! I have to say I still don't know much about CSS so I'll be following you if you don't mind :)

[av8rmike]

Yes, you'd have to re-enable userpics on friends page and then apply the CSS (you're still viewing icons on your own pages, right?)

The code would look like this:
.lj-view-friends .user-icon img[src*=p-userpic] {
display: none;
}The trouble is that not all browsers recognize this (IE6 comes to mind). One of these days I may write a patch for the layout, but it might take some time to get it to the people who can do anything about it.

[weehobbit]

Oh I don't mind about IE6 because I'm using Firefox :D

I used your code (thanks!). But I think changing margins isn't helping in the user-icon isn't working. I want to get the text a line after the user/comm. Do you know if there is a class for only the text of the entry (then maybe the margins would work)? I know there's .asset-body but that includes the .user-icon class.