Make Profile Picture Size Bigger on Profile Page

[Steve Ewing]

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

[Bizz]

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;
}

[Steve Ewing]

Thanks Bizz!! You're a genius.

[Bizz]

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