How to increase avatar size?

Nozumi

hi, how can we increase the avatar size on our forums? is it possible? (referring to the avatar shown in any discussions pages on the forums. i am using bootstrap theme)

peregrine

http://vanillaforums.org/discussion/comment/205782/#Comment_205782

http://vanillaforums.org/discussion/comment/205783/#Comment_205783

vrijvlinder

I was going to say try the Viagra plugin, but the info on those links is better...

peregrine

@vrijvlinder said:
I was going to say try the Viagra plugin, but the info on those links is better...

or the "go ask plugin"

https://www.youtube.com/watch?v=Vl89g2SwMh4

vrijvlinder

Yes the addon section is like a rabbit hole where crazy shit happens just ask Denis, I think he'll know..

Nozumi

i tried the all the code in the link you posted. (i put it in CSSEditor). i changed the width & height pixels but its still the default size

peregrine

post what you did.

Nozumi

i put the following in CSSEditor

 .ProfilePhotoMedium {
height: 80px;
width: 80px;
}
.ProfilePhotoSmall {
height: 80px;
width: 80px;
}
.ProfilePhoto {
height: 80px;
width: 80px;
vertical-align: bottom;
}
.ProfilePhotoLarge {
width: 200px;
}
.Photo img {
width: 250px;
height:auto;
}
.Author img{
height: 80px;
width: 80px;
}

the default was 40px but i changed to 80px. but the avatar not 80px just remain the same size

peregrine

try....

.ProfilePhotoMedium {
height: 60px !important;
width: 60px !important;
}

Nozumi

that worked but the pic is now overlapping with the theme

i hoped that the theme would automatically adjust (go smaller) to make room for the bigger pic.

is there a way to do this?

vrijvlinder

or try

.Photowrap img{
width:80px;
height:80px;
}

Nozumi

the photowrap didnt work also tried adding !important to it

vrijvlinder

Ok guessing is over, please give a link to the forum so we can inspect the code and help you with more accuracy.

peregrine

@Nozumi said:
that worked but the pic is now overlapping with the theme

i hoped that the theme would automatically adjust (go smaller) to make room for the bigger pic.

is there a way to do this?

yes. you need to study css and adjust things that get displaced.

or make the image a reasonable size instead of 80px but a bit bigger and save yourself the pain.

@peregrine said:
try....


.ProfilePhotoMedium {
height: 60px !important;
width: 60px !important;
}

peregrine

some tutorials on learning css here...

http://vanillaforums.org/discussion/28420/faq

http://vanillaforums.org/discussion/comment/219925/#Comment_219925