Probably a very simple question

May 20, 2007 01:38

I moved userpics to the left on my lj, but now my f-list looks kind of ugly. The problem is that whenever somebody posts in a community I'm watching then their userpic kind of shifts almost to the center of the post. There's no such problem with non-comm posts. ( link)

How do I change this look:

...................................ICON ( Read more... )

tutorial:poster, tutorial:userpic, userpic, tutorial

Leave a comment

carriep63 May 20 2007, 00:50:21 UTC
Try this CSS code:

.poster .ljuser{
display:block;
}

Reply

test9463 May 20 2007, 01:33:42 UTC
Thank you! That really helped. Also, is it possible to get read of the word "in" there?

Reply

carriep63 May 20 2007, 07:03:18 UTC
Yes, just add

font-size:0;

to the .entry-userpic code that you have currently. Then you will want to add

font-size:12px;

to the .poster override I gave you.

Reply

test9463 May 20 2007, 17:32:54 UTC
Thank you! You really helped.

Reply

tiferet May 11 2008, 06:54:53 UTC
I thank you and so does my RPG character :)

Reply

charactercomms March 6 2009, 22:18:35 UTC
I found this through the tags and it works great. The only problem is that it leaves a blank line between the poster's name and the community name. Is there any way to eliminate that line all together?

Reply

charactercomms June 21 2009, 15:06:15 UTC
I figured this out so belatedly and nearly smacked myself for how obvious it was! And I'm only commenting here in case anyone in the future stumbles upon this tutorial in the future and wants to know.

along with the

font-size:0;

also add

line-height: 0px;

And that gets rid of the blank line!

Reply


Leave a comment

Up