Changing dimensions of gravatar

[johnw1965]

Where would I go to change the default dimensions of the members’ gravatar?

I need them to be width=100px and height=140px

I know from http://codex.wordpress.org/Using_Gravatars

that I can use something like


<img alt='' src='http://gravatarurl_or_default_url' class='avatar avatar-$size' height='$size' width='$size' />


Where would I tweak this code in the eMember files?

[blatternet]

On my new “login center” I display some useful infos for my members. There I use the new shortcode to display the picture of a member:

[wp_eMember_user_details user_info="profile_picture"]

Then I just adjust the size of the picture in my style.css:

.eMember_custom_profile_picture {

width: 100px;

height: 100px;

}

I’m not sure if this is the answer to your question, but perhaps it helps.

[admin]

@blatternet, Thank you for sharing your suggestion. That is a nice way to do it.

@johnw1965, profile picture image displayed in the “Edit Profile” page has an ID of “emem_profile_image”. You can target that from the CSS file and change the dimension like the following:

#emem_profile_image{

width: 100px;

height: 140px !important;

}

[clearscopedesign]

Can you please tell me – is there a way to make it so that the eMember profile image that members upload to their profile can be automatically made to be of square dimensions?

[wzp]

@clearscopedesign —

There is no “easy way” to force cropping during the upload process. However, through the magic of CSS, you can do the cropping.

#emem_profile_image{

width: 300px;

height: 300px !important;

object-fit:cover;

}

In this example, the image will crop 150px from the center of the image.

You can also do this…

#emem_profile_image{

width: 300px;

height: 300px !important;

object-fit:cover;

border-radius:50%;

And you will get a circle

[clearscopedesign]

Thank you – what if the profile image needs to be the width of its container, rather than have a fixed width, such as when it appears in bbPress forum posts? In other words for it to be mobile responsive that way. Is there a way to do this without specifying a fixed width for the image?

[wzp]

Try using percentages instead of “px” (pixel) units.

[jeffeinstein]

Hello,

I’m using eMember Prodile Extended to generate a user directory with links to member detail pages such as [as2ac.com/vendor-detail?member_id=34] How do I change the profile image size? I need to make it larger. Thanks for your help, as always.

Jeff

[wzp]

The dimensions have been hard coded into the addon.
********** WARNING: Running With Scissors Ahead **********
********** WARNING: Running With Scissors Ahead **********

1. Backup the addon file: detailed_profile.php
    
2. Now edit the file detailed_profile.php and look for the following line:

   
   $profile_img_tpl = '<img src="_%img_url%_" height="100" width="100" />';
   

3. Now change the height and width values to whatever you need, and then save the file.
    

• This reply was modified 4 years, 5 months ago by wzp.
• This reply was modified 4 years, 5 months ago by wzp.

[jeffeinstein]

Thank you! Worked great! [as2ac.com/vendor-detail?member_id=34]

[Author]

Posts