Background image around userpics

[tribulation]

Comments

[itisleezone]

"..nothing I've tried works."
May I know what have u done exactly???
Would u mind to show us the CSS Overrides of the ".userpic" n ".userpicfriends" part?

Well, I can't guarantee 100% I can help u to fix it..but, we'll see..

[tribulation]

Thanks for your response

[itisleezone]

Uhm~..well, assuming u don't use default userpic (bcoz I don't see it on ur journal)..n u want ur userpic's image (friends' userpic's image also) comes with width n height each are 90px n its background image's wide is 5px..let's try this CSS Overrides (make sure u have the backup of ur current CSS Overrides first, then delete the CSS Overrides u gave to me above n then copy-paste the CSS Overrides I give to u below)..

.defaultuserpic

[tribulation]

Ahhh yes, now I remember textarea, thank you. Good grief, I'm so rusty. Stupid me, I was thinking of the icon next to every entry as the "default userpic" haha.

Yes, the background image now shows up inside my entries, thanks a lot!

Is there any way I can resize the userpic to make them smaller? I'd like more of the background image to show against the icon. I've seen someone do it before but she purged her journal. :\

[itisleezone]

U're welcome~.. So glad to hear that my CSS Overrides works well. ^^

Of course u can! :]
Just modify these parts (the bold ones):

.userpic img {
width: 90px;
height: 90px;
padding: 5px;
background-image:url(http://i41.tinypic.com/68vj7t.png);
}

Change the width n height to < 90px (it'll make the image itself becomes smaller)..n change the padding to > 5px (it'll make the background image becomes wider).

That also goes to friends' userpic's image (".userpicfriends img" part)..

Please tell me again how it works, okay?! :]
(I hope it works well too..)

[tribulation]

Yep!! It worked perfectly. Seriously, thanks so much for your help. I've been trying to tweak that forever!

[itisleezone]

Ah, that's good!
U're welcome~..
^^