Current status of the Ning Platform is always available on the Ning Status Blog.

There is already a post with this question (https://creators.ning.com/forum/topics/howtomakeprofilepicturesizebigger), but unless I missed something the only css code I saw provided was to add text to the bottom of the picture.

Is there a way to enlarge the picture?

Thanks!!

Steve Ewing

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Votes: 0
Email me when people reply –

Replies

  • Yes you can do so with a bit of css

    First we need to make the box which contains the avatar bigger to accomodate the new size, just replace the 150px for the size you require.

    The second part is for the actual profile picture size so again change that to match what you added in the first part of the code, for example if you added 100px in the first part for width and height the add 100px for the height of the avatar.

    The code just goes in your design studio custom css

    If you go here you will see I have adjusted the size to 150px : https://jr-images.ning.com/members/bizz

    Bizz :-)

    /* Profile Page Avatar Picture Size Change */

    .profileCoverArea-frame .wrap__avatar.avatar-90 {
    width: 150px;
    height: 150px;
    }
    .profileCoverArea-frame .wrap__avatar.avatar-90 img.avatar {
    height: 150px;
    }

    Admin-Bizz
    jr-images is a social network
    • Thanks Bizz!! You're a genius.

      • No worries, glad to be of help Steve :-)

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

TJ @ jQueryHelp posted a discussion
Hi everyone! This is TJ, a Ning Apps developer for many years.  Looks like some Ning Creators are…
5 hours ago
Rosas † Negras replied to Rosas † Negras's discussion
After many years of experience, I would like to know from you designers how I can solve this problem and a ridge
"thank you very much I come from the times of this site now I put the photo, it was hard to survive…"
yesterday
Bizz replied to Rosas † Negras's discussion
After many years of experience, I would like to know from you designers how I can solve this problem and a ridge
"To do a border without the ridge and using dots you would just write it like this
border:13px…"
yesterday
Steve C posted a discussion
 I want to put ads above individual groups.Jen showed me how to put text above forum categories…
Wednesday
Rosas † Negras replied to George H. Compton IV's discussion
(TIP N3.0 & N2.0) let's hang some Christmas lights..CSS.. Happy holidays :-) updated 12-04-14
"I don't use file manager for photos, so if it's a photo I'm not interested even if after I close…"
Wednesday
Rosas † Negras replied to Rosas † Negras's discussion
After many years of experience, I would like to know from you designers how I can solve this problem and a ridge
"I agree with you, but I want it rounded, on the square it gives no problem,this is an impossible…"
Tuesday
Bizz replied to Rosas † Negras's discussion
After many years of experience, I would like to know from you designers how I can solve this problem and a ridge
"It's because you are using the ridge as a border, to create the ridge the border property adds the…"
Tuesday
Rosas † Negras replied to Rosas † Negras's discussion
After many years of experience, I would like to know from you designers how I can solve this problem and a ridge
"I don't want to go below 13 px I know all would be ok but it's too logical"
Tuesday
Rosas † Negras replied to Rosas † Negras's discussion
After many years of experience, I would like to know from you designers how I can solve this problem and a ridge
"#xg_masthead /*Top Image*/ {margin: auto;display: block;height:600px;width: auto…"
Tuesday
Bizz replied to Rosas † Negras's discussion
After many years of experience, I would like to know from you designers how I can solve this problem and a ridge
" show the css you have used for the border"
Tuesday
Rosas † Negras posted a discussion
Tuesday
Anam replied to George H. Compton IV's discussion
(TIP N3.0 & N2.0) let's hang some Christmas lights..CSS.. Happy holidays :-) updated 12-04-14
"OH MY GOD!!!! :D :D :D It worked!!!
 
I am so pleased. Thank you Bizz and Rosas for your help. I…"
Tuesday
More…

Meanwhile, you can check our social media channels