Replies

Oct 9, 2016 9 years ago
omnibless
USED DYNAMITE
User Avatar
MettlesomeKid

I want to use pet headshot as an overlay for the pet friends section and have no idea if the headshot even has its own link. Checking elements on user profile led to a deadend:

I've tried this = broke the code: .friend_pet_image {background-image: url(

Legashee); height:60px; width:60px;}

page so far

Oct 9, 2016 9 years ago
Sorcerer
is a worthy opponent
User Avatar
Forsake

You have to hide the original image by making it 0x0 and then add padding to match the size of your new background image. .friend_pet_image { background-image:url(); background-repeat:none; background-size:60px 60px; height:0; width:0; padding:60px 0 0 60px; }

Oct 9, 2016 9 years ago
omnibless
USED DYNAMITE
User Avatar
MettlesomeKid

ok so that's half the question answered. updated accordingly.

Oct 9, 2016 9 years ago
Sorcerer
is a worthy opponent
User Avatar
Forsake

There aren't static headshot links, you can make your own image, or set the padding to the size you want and then use the background-position and background-size properties to get the size and position just right. :)

Oct 9, 2016 9 years ago
omnibless
USED DYNAMITE
User Avatar
MettlesomeKid

thanks making an image sounds much easier, I'll do that. :D

Please log in to reply to this topic.