Default userhead blocking custom userhead.

[finnickodair]

I'm having issues with the layout on my journal and graphics page. Suddenly, instead of replacing the default userhead with the custom mini-icon coded in my CSS, the default is appearing in front of the custom one. Ala the following:

Comments

[avictoriangirl]

Help! I've tried to fix my CSS and seem to have !important in all the places it should be, but it's still not working. Here's my code:

.ljuser img {
width: 0 !important;
height: 0 !important;
background-repeat: no-repeat !important;
background-color:transparent !important;
/* so that IE users will still see an image */
background-image: url(http://i160.photobucket.com/albums/t196/avictoriangirl/LJ%20images/heart.png) !important;
padding: 12px 12px 0 2px !important;
}

.ljuser img[src="http://stat.livejournal.com/img/user.gif"] {
background-color:transparent !important;
background-image: url(http://i160.photobucket.com/albums/t196/avictoriangirl/LJ%20images/heart.png) !important;
padding: 12px 12px 0 2px !important;
}

.ljuser img[src="http://stat.livejournal.com/img/community.gif"] {
background-color:transparent !important;
background-image: url(http://i160.photobucket.com/albums/t196/avictoriangirl/LJ%20images/rainbow-1.png) !important;
padding: 12px 12px 0 2px !important;
}

[fueschgast]

Oh, there's a lot to do. Let's see...

1. Delete the .ljuser img code that has no URL following it.

2. Then... no, you know what? We'll just do it with copy & paste. It's less works and less confusing. Replace the remaining 2 userhead code with

.ljuser img[src*="userinfo.gif"] {
width: 0 !important;
height: 0 !important;
background-repeat: no-repeat;
background-color:transparent !important;
background-image: url(http://i160.photobucket.com/albums/t196/avictoriangirl/LJ%20images/heart.png) !important;
padding: 12px 12px 0 2px !important;
}

.ljuser img[src*="community.gif"] {
width: 0 !important;
height: 0 !important;
background-color:transparent !important;
background-repeat: no-repeat;
background-image: url(http://i160.photobucket.com/albums/t196/avictoriangirl/LJ%20images/rainbow-1.png) !important;
padding: 12px 12px 0 2px !important;
}

[avictoriangirl]

That worked! Thank you so very much! ♥