How to make your userheads work correctly

[fuesch]

Okay, after helping lots of people with their userheads I think I have now identified every problem and how to fix it.

1. To get the lines working you need to have !important before every semicolon.

2. I've seen codes where width and height are in the general .ljuser img code, but not in the ones specifically for user and community. Always add width and height!

3. Don't use the general .ljuser img code. If you do, you'll only get the standard userheads over your custom ones.

4. You could have old URLs for your user and community userhead codes. Start your codes with .ljuser img[src*="userinfo"] and .ljuser img[src*="community"]. No matter where LJ put their userheads, the asterisks make sure that your override works as long as LJ keeps the pictures named "userinfo" and "community".

In conclusion, this is what your userhead codes should look like:

.ljuser img[src*="userinfo"] {
width: 0px !important;
height: 0px !important;
padding: YOUR NUMBERS HERE !important;
background: url(YOUR IMAGE URL) no-repeat !important;
}

.ljuser img[src*="community"] {
width: 0px !important;
height: 0px !important;
padding: YOUR NUMBERS HERE !important;
background: url(YOUR IMAGE URL) no-repeat !important;
}

Edit (February 15, 2017): For Dreamwidth it's
.ljuser img[src*="user.png"] or .ljuser img[src*="community.png"]