Tiny icons on top of old icon SOLVED

[thagirion]

I have a custom tiny icon of a parakeet on my journal thagirion that is sitting on top of the default icon instead of replacing it. I have lots of code for my journal. You can view it here

Comments

[london_fan]

No problem! :)

Your current code is:

.ljuser img[src*='userinfo.gif'] {
width: 0 !important;
height: 0 !important;
background-repeat: no-repeat !important;
background-color: transparent !important;
background-image: url('http://pics.livejournal.com/inishmore/pic/0033d75b') !important;
padding: 24px 24px 2px 2px !important;
}

If you want to replace the LJ default icon, replace your code with this one:

.ljuser img[src*="userinfo.gif"] {
width: 0 !important;
height: 0 !important;
background-repeat: no-repeat !important;
background-color: transparent !important;
background-image: url(http://ic.pics.livejournal.com/inishmore/3855567/87876/87876_original.gif) !important;
padding: 24px 24px 2px 2px !important;
}

If you also want to replace the paid userheads, you should replace your code with this one instead:

.ljuser img[src*="userinfo.gif"], .

[inishmore]

Thank you so much, you're a life saver! I've been using my custom layout for many years and always get frustrated when LJ does an official code change/tweak that wrecks some minor havoc with my coding. ;) And sorry about the late reply, when I posted the comment I forgot that I wouldn't be able to log into LJ for a while because of a business trip. Anyway, thanks again!

[london_fan]

No problem, you're welcome. :)

[joyfulljunebugg]

Hello (^_^)o london_fan I'm having the same problem as OP in my communities, the custom tiny icon is sitting behind the default icon instead of replacing it. I wan't to remove both of these tiny icons and use my own but the layout I'm using has many tiny icon URLs and I'm not sure which one to replace (◎ _ ◎ ;) ???

This is the part of the code with the tiny icons info

/*------------ tiny icons

[london_fan]

Just to make sure... you want to replace the userheads for users and communities, right?

In this case the last paragraph is what you need to change:

.ljuser img { width: 0; height: 0; background: transparent url(http://i42.tinypic.com/6jd72u.png) no-repeat 0 0; padding: 17px 16px 0 0px !important; vertical-align: baseline !important;}
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i42.tinypic.com/6jd72u.png) no-repeat center left !important; padding: 17px 16px 0 0px !important; }
.ljuser img[src*="community.gif"] { background:transparent url(http://i42.tinypic.com/9zv8d2.png) no-repeat scroll 0 0 !important;
padding: 16px 16px 0 0 !important; }

Replace it with the code found in this comment and change the urls of course

[joyfulljunebugg]

Thank You so much it worked ( ๑╹3╹๑) yeah a wanted to change the tiny icon for my community!

Oh and don't bother with the calendar it's under the archive tag I just over looked it ¯\(°_o)/¯