Resizing profile picture.

[Mateo O'Reilly]

Me and my friend are trying to resize the profile picture, but we are having trouble with this, someone would have knowledge of some custom code that allows us to do this?

[George H. Compton IV]

Hello Mateo, this will do the trick for you. Just adjust the height and the width to your preferred size. You have a great day

The code goes in your design studio - custom css - global css

DIV.profileCoverArea-avatar.media-img.avatar-frame img,
DIV.profileCoverArea-avatar.media-img.avatar-frame{
    width:175px;
    height:175px; }

[Mateo O'Reilly]

Theme CSS, no? It worked! But when I then view them on my website they seem to have lost much of the sharpening. Why is this, and is there something I should be doing differently?

Thanks

[George H. Compton IV]

When you upload a profile picture Nings editor resizes the picture. There's nothing you can do about the quality.  So all I can suggest is to keep reducing the height and width until the quality is good. Not much more you can do.

[Mateo O'Reilly]

Ok Thanks anyway George.

[Illya]

Please help when i added the code, all the profiles with category badges on them showed the category badge covering the photo like this...

[TJ @ jQueryHelp]

Hi Mateo,

I have some js code for this.  I wrote it for a client with a N3 site and it's working fine there.  I don't know if the result is clearer than George's fine CSS solution, but all the profile pics on the N3 site using my code look sharp to me and I have had no complaints.

If you could link to your site, I'll have a look and see if my js might work there.

Best wishes!

"TJ"

[Mateo O'Reilly]

http://thefake.ning.com/members/MateoOReilly

Here is the link TJ, hope you can help us, we are really having trouble with this.

Thanks.

[TJ @ jQueryHelp]

Thanks for the link!

My js code would change the HTML so that your profile pic would look like this:

Is that big enough and clear enough?  If that works, let me know via email at [e-mail]

Thanks!

"TJ"

[Mateo O'Reilly]

Just sent you an e-mail, man.

Thanks!

[George H. Compton IV]

Awesome job TJ  :-)