> For the complete documentation index, see [llms.txt](https://help.webhash.com/webhash-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.webhash.com/webhash-docs/how-to-edit-every-component-on-your-website/standard-blocks-the-foundation-of-your-website/avatar.md).

# Avatar👨🏻‍🦰

{% embed url="<https://youtu.be/CRcgFjs-1U0>" %}

#### Customizing Avatar Block 👨🏻‍🦰:

<figure><img src="/files/LwYwDRybtYtkIcgR0hMz" alt=""><figcaption></figcaption></figure>

* **Upload your avatar image:**
  * Within the avatar block, click on the "Choose File" button.
  * Select the image file from your device that you want to use as your avatar.
  * Once the image is uploaded, it will be displayed within the avatar block.

<figure><img src="/files/iAkfVJUDoUO9H7Ij8hIQ" alt=""><figcaption></figcaption></figure>

* **Adjust the image size:**
  * Within the avatar block, locate the "Image Size" option.
  * Choose the desired image size from the available options, such as 75X75px, 100X100px, 125X125px, or 150X150px.
  * Select the appropriate size that suits your design preferences.
* **Customize the border-radius:**
  * Within the avatar block, locate the "Border Radius".
  * Choose the border-radius style you prefer: "Straight," or "Rounded".
  * Select the option that matches the desired shape for your avatar image.
