How to increase profile picture size in member directory

  • Resolved wesmed

    (@wesmed)


    1 year, 2 months ago

    Hello, I am trying to figure out how to (1) increase the profile picture size in my member directory’s list and grid view, and (2) reduce the radius of the profile picture so that it’s more square.

    I’ve changed my Profile Photo Thumbnail Size (px) to 250px under Ultimate-Member>settings>general>uploads but this doesn’t affect the profile picture size in the member directories. I’ve also changed the Profile Photo Size to 250px in my profile form’s custom settings, but still no effect.

    Thanks to anyone that can assist.

Viewing 4 replies - 1 through 4 (of 4 total)

  • @wesmed

    Look at the Members Directory templates and make your changes

    https://docs.ultimatemember.com/article/1516-templates-map

    Thread Starter wesmed

    (@wesmed)

    Thanks @missveronicatv

    Should I make the styling changes in my php files? Or should these changes be made to a CSS file in the UM Assets folder? Ideally, I would add these changes as a code snippet- would this not be possible/advisable?

    @wesmed

    You make the changes in the template files and move the templates to your active Theme’s ultimate-member folder as explained in the page I linked.

    Example of a template update with square photos in larger size for the List view.
    Probably the same changes for the Grid view.

    Source changed from
    <div class="um-member-photo radius-<?php echo esc_attr( UM()->options()->get( 'profile_photocorner' ) ); ?>">

    to:

    <div style="width:200px;padding-right:10px;">

    in

    						<?php if ( $profile_photo ) { ?>
							<div style="width:200px;padding-right:10px;">
								<a href="<code>user.profile_url</code>" title="<# if ( user.display_name ) { #><code>user.display_name</code><# } #>">
									<code>user.avatar</code>
    • This reply was modified 1 year, 2 months ago by missveronica.
    • This reply was modified 1 year, 2 months ago by missveronica.
    • This reply was modified 1 year, 2 months ago by missveronica.
    Thread Starter wesmed

    (@wesmed)

    @missveronicatv

    I was able to get modify the profile pictures with your advise. Thank you!!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to increase profile picture size in member directory’ is closed to new replies.

Tags