Customized mini profile

[Elena]

I put this question before when I ask about avatar in mini-profile. I ask then what code must I put if I want a 350x350 px avatar on my forum. Someone advice me that to put in my global footer this code:

<style>

   /* Allow 350px by 350px remotely hosted Avatars in Mini-profile */

   .posts .post .left-panel, .messages .item .left-panel {

       width: 372px;

   }

   .mini-profile {

       width: 350px;

   }

   .avatar_size_default img,

   .avatar_size_default default,

   .mini-profile .avatar {

       max-width: 350px;

       max-height: 350px;

   }

</style>

Now I want to ask what code I must put in my global footer if I want my avatar to be 250x400 px?

[Brian]

You would use the same code, but you'd substitute the width and the height in the code with your new preferred width and height.

<style>
/* Allow 250px by 400px remotely hosted Avatars in Mini-profile */
.posts .post .left-panel,
.messages .item .left-panel {
width: 272px;
}
.mini-profile {
width: 250px;
}
.avatar_size_default img,
.avatar_size_default default,
.mini-profile .avatar {
max-width: 250px;
max-height: 400px;
}
</style>

This code is better suited for the global header than the global footer so that it can declare those style rules before the actual elements affected by them are rendered on the page.

If you're feeling especially pedantic all of the stuff between <style> and </style> belong in the style sheet of the theme(s) you're making this change on so that it only affects that theme and not every theme installed on your forum. This doesn't really matter with the number of themes you have right now, but if you ever plan to install a theme authored by someone else you may want to keep this in mind as your global header/footer codes run on all themes and may have an adverse effect on themes set up to display their mini-profiles and avatars a certain way.

[Elena]

I have only two theme. I put this in my global headers and worked perfect. You are an Angel! Thank you very, very much! 

[RazorX]

Hello Elena,

this could help, maybe, tried it on my own and it works like a charm. just go to your Admin Page > Themes > Stylesheet > advance CSS & stylesheet


Under: /* Mini Profiles */

Line #1181: .mini-profile .avatar { max-width: 350px; max-height: 350px; overflow-x: hidden; overflow-y: hidden; margin: auto; border-width: 200px; vertical-align: middle; border: 1px solid #272727; padding: 0px; .rounded-corners(3px); }

Line #1188: .avatar_size_default img, .avatar_size_default default { max-height: 350px; max-width: 350px; }

Line #1190: .avatar_size_medium img, .avatar_size_medium default { max-height: 350px; max-width: 350px; }

Line #1199: .avatar_size_placeholder { height: 400px; width: 200px; }


Note: Lines may vary depends on your installed themes, + 350px in width looks bad i think, but this might work on your end.


hope this work on your end.