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?
You need to be a member of Ning Creators Social Network to add comments!
This reply was deleted.
Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)
Latest Activity
OMG! AI does it all. Anything you want to light up your Ning site, just ask Google AI. That's what…
"Where at in a 3.0 website do you paste the code to? "
"Hi George, I'm not sure if this tip has been outdated or for some reason it's not working on my…"
"https://community.surfoutlook.com/
However, it's been solved. Ning helped me out with it. "
However, it's been solved. Ning helped me out with it. "
"I don't remember your site, I'll check for you, can I have the link?"
"On your step 3 where you say "Paste in the script below", I'm not finding that. Did you forget to…"
"I think that setting was switched over to Admin as a default when I converted from 2.0 to 3.0…"
"settings members must post, if you put ADMIN it is FORBIDDEN TO PEOPLE"
"I got an answer back from Ning Support within an day. It was a setting that somehow slipped out of…"
I just realized that my members can no longer post pictures, videos, blogs, events, or anything…
Replies
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; }
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
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.
Ok Thanks anyway George.
Please help when i added the code, all the profiles with category badges on them showed the category badge covering the photo like this...
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"
http://thefake.ning.com/members/MateoOReilly
Here is the link TJ, hope you can help us, we are really having trouble with this.
Thanks.
Thanks for the link!
My js code would change the HTML so that your profile pic would look like this:
Thanks!
"TJ"
Just sent you an e-mail, man.
Thanks!
Awesome job TJ :-)
-
1
-
2
of 2 Next