Individual & Community Userheads

[catwench]

I'm not very good with CSS coding but I can figure out some things. This however, is driving me crazy. I'm trying to personalize the images that are used for individuals and communities, such as LJ's little blue man. I've read everything I could find in the community and still can't find the error

Comments

[mordyn4]

I've tried to help people with this before with limited success.

So. Does this work:

img[src*=\"userinfo.gif\"], img[src*=\"userhead\"] {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://img.photobucket.com/albums/v61/Fairewench/LJ%20Layouts-View%20Only/tiny%20icons/ruby.png) !important;
padding: 16px 16px 0px 0px !important;
}
img[src*=\"community.gif\"] {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://img.photobucket.com/albums/v61/Fairewench/LJ%20Layouts-View%20Only/tiny%20icons/coins.png) !important;
padding: 16px 16px 0 0 !important;
}

[catwench]

Thank you. I've copied it to a .txt file to try at a later time. (A friend of mine managed to fix the problem I was having). =]

[malionette]

I made a generator for the public to use to replace those LJUser icons.

[catwench]

This is so awesome. I did try it and it completely work for me but I think it was due to errors in my CSS coding to begin with. I've bookmarked it though (since a friend of mine was able to fix my original problem).

And you said the code would go at the very end of the CSS box, right? Would any other LJUser icon coding have to be deleted first before using your generator?

[malionette]

Yes, the code goes at the bottom. I don't think you have to delete the old code. It should still work regardless.

[catwench]

I just reread my comment and I'm thinking....where was my head? The reason I asked if other code needed to be removed was because it did not completely work for me. But again, my CSS has been messed up and a friend has been working on fixing it.

Thanks for your reply!

[doeeyedbecky]

Delete this section from the coding.

.ljuser img[src*="userinfo.gif"]
{
background: transparent url(http://img.photobucket.com/albums/v61/Fairewench/LJ%20Layouts-View%20Only/tiny%20icons/ruby.png) no-repeat 0 0 !important;
padding: 16px 0px 0px 16px;

Having both the .ljuser img and .ljuser img[src*="userinfo.gif"] is messing up the community userheads.

[catwench]

Sorry so long in getting back to you hon. Thanks so much, I do believe this was the problem. <3

[doeeyedbecky]

NP. Love the banner. *wink*