User

  <ul>
    <li>
      <a href="javascript:void(0);" class="um-manual-trigger" data-parent=".um-cover" data-child=".um-btn-auto-width">Upload a cover photo</a>
    </li>
    <li>
      <a href="javascript:void(0);" class="um-dropdown-hide">Cancel</a>
    </li>
  </ul>
</div>

  <div class="um-field-label">
    <div class="um-field-label-icon">
      <i class="far fa-image" aria-label="Change your cover photo"></i>
    </div>
    
    <label for="cover_photo">Change your cover photo</label>
    
    <div class="um-clear">
    </div>
  </div>
  
  <div class="um-field-area" style="text-align: center;">
    <div class="um-single-image-preview crop" data-crop="cover" data-key="cover_photo">
      <a href="javascript:void(0);" class="cancel"><i class="um-icon-close"></i></a><img decoding="async" class="fusion-lazyload-ignore" src="" alt="" />
      
      <div class="um-clear">
      </div>
    </div>
    
    <a href="javascript:void(0);" data-modal="um_upload_single" data-modal-size="large" data-modal-copy="1" class="um-button um-btn-auto-width">Upload</a>
  </div>
  
  <div class="um-modal-hidden-content">
    <div class="um-modal-header">
      Change your cover photo
    </div>
    
    <div class="um-modal-body">
      <div class="um-single-image-preview crop" data-crop="cover" data-ratio="2.7" data-min_width="1000" data-min_height="" data-coord=""><a href="javascript:void(0);" class="cancel"><i class="um-icon-close"></i></a><img decoding="async" class="fusion-lazyload-ignore" src="" alt="" />
      
      <div class="um-clear">
      </div>
    </div>
    
    <div class="um-clear">
    </div><div class="um-single-image-upload" data-user_id="5" data-nonce="6196cf514f" data-timestamp="1761676064" data-set_id="2174" data-set_mode="profile" data-type="image" data-key="cover_photo" data-max_size="999999999" data-max_size_error="This image is too large!" data-min_size_error="This image is too small!" data-extension_error="Sorry this is not a valid image." data-allowed_types="gif,jpg,jpeg,png,webp" data-upload_text="Upload profile cover here<small class="um-max-filesize">( max: <span>953.7MB</span> )</small>" data-max_files_error="You can only upload one image" data-upload_help_text="">Upload
  </div>
  
  <div class="um-modal-footer">
    <div class="um-modal-right">
      <a href="javascript:void(0);" class="um-modal-btn um-finish-upload image disabled" data-key="cover_photo" data-change="Change photo" data-processing="Processing...">Apply</a> <a href="javascript:void(0);" class="um-modal-btn alt" data-action="um_remove_modal"> Cancel</a>
    </div>
    
    <div class="um-clear">
    </div>
  </div>
</div>

<div class="um-dropdown" data-element="div.um-profile-edit" data-position="bc" data-trigger="click">
  <div class="um-dropdown-b">
    <div class="um-dropdown-arr">
      <i class=""></i>
    </div>
    
    <ul>
      <li>
        <a href="https://meatrecipebox.com/wp-admin/export.php?type=hugo&#038;um_action=edit" class="real_url">Edit Profile</a>
      </li>
      <li>
        <a href="https://meatrecipebox.com/account-2/" class="real_url">My Account</a>
      </li>
      <li>
        <a href="https://meatrecipebox.com/logout/" class="real_url">Logout</a>
      </li>
      <li>
        <a href="javascript:void(0);" class="um-dropdown-hide">Cancel</a>
      </li>
    </ul>
  </div>
</div>

brandon

  <div class="um-field-label">
    <div class="um-field-label-icon">
      <i class="fas fa-camera" aria-label="Change your profile photo"></i>
    </div>
    
    <label for="profile_photo">Change your profile photo</label>
    
    <div class="um-clear">
    </div>
  </div>
  
  <div class="um-field-area" style="text-align: center;">
    <div class="um-single-image-preview crop" data-crop="square" data-key="profile_photo">
      <a href="javascript:void(0);" class="cancel"><i class="um-icon-close"></i></a><img decoding="async" class="fusion-lazyload-ignore" src="" alt="" />
      
      <div class="um-clear">
      </div>
    </div>
    
    <a href="javascript:void(0);" data-modal="um_upload_single" data-modal-size="normal" data-modal-copy="1" class="um-button um-btn-auto-width">Upload</a>
  </div>
  
  <div class="um-modal-hidden-content">
    <div class="um-modal-header">
      Change your profile photo
    </div>
    
    <div class="um-modal-body">
      <div class="um-single-image-preview crop" data-crop="square" data-ratio="1" data-min_width="190" data-min_height="190" data-coord=""><a href="javascript:void(0);" class="cancel"><i class="um-icon-close"></i></a><img decoding="async" class="fusion-lazyload-ignore" src="" alt="" />
      
      <div class="um-clear">
      </div>
    </div>
    
    <div class="um-clear">
    </div><div class="um-single-image-upload" data-user_id="5" data-nonce="6196cf514f" data-timestamp="1761676064" data-set_id="2174" data-set_mode="profile" data-type="image" data-key="profile_photo" data-max_size="999999999" data-max_size_error="This image is too large!" data-min_size_error="This image is too small!" data-extension_error="Sorry this is not a valid image." data-allowed_types="gif,jpg,jpeg,png,webp" data-upload_text="Upload your photo here<small class="um-max-filesize">( max: <span>953.7MB</span> )</small>" data-max_files_error="You can only upload one image" data-upload_help_text="">Upload
  </div>
  
  <div class="um-modal-footer">
    <div class="um-modal-right">
      <a href="javascript:void(0);" class="um-modal-btn um-finish-upload image disabled" data-key="profile_photo" data-change="Change photo" data-processing="Processing...">Apply</a> <a href="javascript:void(0);" class="um-modal-btn alt" data-action="um_remove_modal"> Cancel</a>
    </div>
    
    <div class="um-clear">
    </div>
  </div>
</div>

<ul>
  <li>
    <a href="javascript:void(0);" class="um-manual-trigger" data-parent=".um-profile-photo" data-child=".um-btn-auto-width" data-alt_text="Change photo">Upload photo</a>
  </li>
  <li>
    <a href="javascript:void(0);" class="um-reset-profile-photo" data-user_id="5" data-default_src="https://meatrecipebox.com/wp-content/plugins/ultimate-member/assets/img/default_avatar.jpg" style="display:none;">Remove photo</a>
  </li>
  <li>
    <a href="javascript:void(0);" class="um-dropdown-hide">Cancel</a>
  </li>
</ul>
brandon
<div class="um-clear">
</div>

<div class="um-profile-connect um-member-connect">
</div>
This user account status is Approved
About About
Posts Posts
Comments Comments

Your profile is looking a little empty. Why not add some information!