Changing Icon Size

ChrisGwynne

Where do I go about changing the max icon size in the files?

Your icon will appear next to your name in discussion comments and on your account page. Your icon will be automatically resized to 32 pixels wide by 32 pixels high.

I want to be able to change this 32x32 to a higher size.

lament

there is no way, intentionally.

large avatars are the devil. Satan himself if they move.

FLC

yeah, anything bigger would screw up the sweet layout and actually there is, it's in the CSS .CommentIcon { position: absolute; top: 50%; margin: -16px 0 0 -40px; display: block; height: 32px; width: 32px; background: #fff center center no-repeat; } change height and width accordingly

ChrisGwynne

Yep, found them. Thanks. I'm not changing it massively, just enough that people can have a decent avatar.

Mark

Oh, and that text needs to be changed in the language dictionary from "resized to 32 x 32" to "trimmed to 32 x 32". Has someone added that to the bug list?

ADM

I tried changing the icon size to 50 px high and 100 px wide but it overlaps the username and the body text of the comment. Is there any way I can keep the border margin of it?

Mark

You will probably have to restyle the username and body text to move over to the right and down. Not too difficult, I bet.

ADM

I'm not very good with margins and things like that.. would you know how much to change it to so it fits 50px h by 100px w?

Mark

Any css ppl want to get in on this? I'll keep bumping it until someone helps. I swear.

giginger

I can't tell you how to do it because I don't know because I'm new at webdesign.

http://www.ilovejackdaniels.com/css/css-cheat-sheet/

That might help you though.

Kosmo

.CommentAuthorWithIcon { position: relative; padding-left: 108px; /* this is now exactly the same pixel amount away as the original */ Paddign-top: 13px; /* I pulled this number from my ass, just to add this line to the mix, the original .CommentAuthor style defines the height, but it was designed to be used with 32x32 icons so I added here that when you have an icon it should align right */ } .CommentIcon { position: absolute; top: 50%; margin: -16px 0 0 -40px; display: block; height: 50px; width: 100px; background: #fff center center no-repeat; } You should remove the quotations /* */ if you don't need reminders of what changes has been made and why. Also you can change the .CommentAuthor padding-top element if you want the whole forum be uniform, but I really think that it's not neccesary since the only ones to have the padding of 5px are the ones that don't have "avatars"

ADM

Thanks for that.. I'll give that a go!

Mark

Thanks Kosmo :)

ybalabin

where exactly do i change this? css? php? which one? thank you

lech

.CommentIcon

ybalabin

in which folder... sorry for asking so many details, my learning curve is not that steep!

lech

global.css...

ybalabin

global.js you mean?

lech

no, global.CSS, in the /styles directory you're currently using for your forum.

ybalabin

you are the best!!!! thank you lech!!!!

lech

you should actually thank FLC too, he's got the answer in the 3rd post :)