Tiny Icon Overlap Fix

Jun 21, 2012 10:55

As some of you may have noticed, the LJ default user and comm icons are, for some reason, overlapping any custom user/comm icons that have been written into some journal layouts using Malionette's code. The fix for this (unless LJ goes and does something else to keep us on our toes!) is to add .ljuser to the override code as in the following example:

/* Generated by Malionette's Tiny Icon Generator */

.ljuser img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://img811.imageshack.us/img811/7673/13crazy.png) no-repeat !important; padding: 19px 0 0 19px !important; }
.ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://img18.imageshack.us/img18/4502/12tease.png) no-repeat !important; padding: 19px 0 0 19px !important; }

This should get rid of the overlap.

A big thank you to fencer_x for the fix!

fix

Previous post Next post
Up