Avatar Size in v2.1b3?

SomethingEllie

I've checked all the existing threads on avatar size and have followed their instructions to change the avatar than can be uploaded - which works fine, I've got it so the user can create a 200px thumbnail instead of a 50px one. However, I cannot get the CSS in any theme to cooperate, and none of the things I'm told to search for and replace are in the CSS files of any of the themes I've looked at. I even did a grep for 50px and didn't find that number in any of the files in my themes directory in a place where it would affect avatars. Anyone got any tips?

vrijvlinder

there are several sizes. The one in the profile, then the little ones. Also the ones in the me box inbox messages. Yes the sizes are kind of screwed up in 2.1...

Just use chrome inspector to find the code and the class name for each.

You can also change the thumbnail size in the config

$Configuration['Garden']['Thumbnail']['Size'] =40;

vrijvlinder

    .ProfilePhotoMedium {
    height: 40px;
    width: 40px;
    }
.ProfilePhotoSmall {
    height: 20px;
    width: 20px;
    }

    .ProfilePhoto {
    height: 40px;
    width: 40px;
    vertical-align: bottom;
    }

    .ProfilePhotoLarge {
    width: 200px;
    }

this is the one in the profile in 2.0

.Photo img {
width: 250px;
height:auto;
}

.Author img{
height: 40px;
width: 40px;
}

peregrine

I'm told to search for and replace are in the CSS

if you can't find some element in custom.css that you want to change, add a new rule. read the tutorials on theme design, plz.

also look at a few css tutorials. firebug tutorials, and webdeveloper tutorials.

everyday someone asks this question. I can't find it in my custom.css. and the answer is almost always the same.

add rules as needed.

vrijvlinder

there are several sizes. The one in the profile, then the little ones. Also the ones in the me box inbox messages. Yes the sizes are kind of screwed up in 2.1...

Just use chrome inspector to find the code and the class name for each.

You can also change the thumbnail size in the config

$Configuration['Garden']['Thumbnail']['Size'] =40;

vrijvlinder

    .ProfilePhotoMedium {
    height: 40px;
    width: 40px;
    }
.ProfilePhotoSmall {
    height: 20px;
    width: 20px;
    }

    .ProfilePhoto {
    height: 40px;
    width: 40px;
    vertical-align: bottom;
    }

    .ProfilePhotoLarge {
    width: 200px;
    }

this is the one in the profile in 2.0

.Photo img {
width: 250px;
height:auto;
}

.Author img{
height: 40px;
width: 40px;
}

SomethingEllie

@vrijvlinder said:
.ProfilePhotoMedium {
height: 40px;
width: 40px;
}
.ProfilePhotoSmall {
height: 20px;
width: 20px;
}

.ProfilePhoto {
height: 40px;
width: 40px;
vertical-align: bottom;
}

.ProfilePhotoLarge {
width: 200px;
}

this is the one in the profile in 2.0

.Photo img {
width: 250px;
height:auto;
}

.Author img{
height: 40px;
width: 40px;
}

Aha! Got it. Thanks so much!