The following instructions will allow you to change the size of avatars in mini-profiles and the width of the mini-profiles themselves.

Changing the Size of Mini-Profiles

To change the size of mini-profiles, head over to Admin > Themes > Advanced Styles & CSS > Style Sheet Tab and paste this code at the very bottom:

.mini-profile { width: 150px; }

Set the width at the end to your new desired size, and keep track of the amount you increased it. For example, if it's now 250px, you've increased it by 100px.

Next, add another new line and paste this code on it:

.posts .post .left-panel,
.messages .item .left-panel { width: 172px; }

Increase the width by the same amount. In our example, the 172px above becomes 272px.

When you're happy with the result, click Save Changes at the bottom of the page.

Changing the Size of Avatars

If you change the size of your mini-profiles, you might also want to change how your avatars look.

Things to know:

  • The default avatar size is 150 x 150px.
  • Uploaded avatars are resized to 150px on your Profile page.
  • You can link larger avatars hosted elsewhere.

To change the size of avatars in mini-profiles, find this code on (or around) line 1185:

.mini-profile .avatar { max-width: 100%; ... }

Set max-width to your new image size, or leave it at 100% to size the image automatically.

Click Save Changes at the bottom of the page. You're done!