Webhash Docs
  • Welcome to Webhash
  • Getting Started with Webhash
  • Building Your Decentralized Website with Webhash
  • How to Edit Every Component on Your Website?
    • Standard Blocks: The Foundation of Your Website
      • Avatar👨🏻‍🦰
      • Heading 🅰️
      • Paragraph📝
      • Links🔗
      • Image 🖼️
      • Social #️⃣
      • Image Grid 🌠
      • Divider ➗
      • List 📃
      • Big Link 🔗
      • Big Paragraph❡
      • Internal Big link
      • Header Image 🖼️
      • Internal Pages 📑
      • Audio 🔉
      • Video 🎥
      • File 📁
      • Call to action
      • Phone Collector 📞
      • PDF Document
    • Web3: Bringing web3 to your website
      • Farcaster
      • Namespace
      • EFP
    • Embeds: Bringing the Web to Your Website
      • SoundCloud ☁️
      • Spotify🎵
      • Youtube📽️
      • Twitch 🎮
      • Vimeo 📹
      • TikTok Video
      • Apple Music 
      • Twitter Profile
      • Twitter Tweet ✖️
      • Pinterest Profile
      • Instagram Media
      • Tiktok Profile
      • Typeform
      • Discord Server
      • Facebook Post🗨️
      • Reddit Post
    • Advanced Blocks: Power Up Your Website's Functionality
      • RSS Feed
      • Custom HTML </>
      • Vcard
      • Alert 🔔
      • FAQ
      • Countdown
      • External Item
      • Share 🔼
      • Youtube Feed 🎥
      • Timeline
      • Review ⭐⭐⭐
      • Image Slider 🖼️
      • Mark Down ✔️
    • Payment Blocks: Monetize Your Web3 Presence
      • Paypal 💵
      • Crypto Pay
  • Connecting to ENS & Web3 Domains: Your Website's Decentralized Address
  • FAQ's on Decentralized Websites
    • What are decentralized websites?
    • How are decentralized websites different from traditional websites?
    • Why should I consider using a decentralized website template?
    • How do I get started with a decentralized website?
    • Can I use my existing domain name with a decentralized website?
    • What are the advantages of using a web template for my decentralized website?
    • Are there any technical requirements or skills needed to use these templates?
    • How customizable are the web templates for decentralized websites?
    • Can I integrate features such as e-commerce or user authentication in my decentralized website using
    • The templates optimized for search engine visibility and performance?
    • Do you offer support or documentation for using the templates?
    • Are there any limitations or considerations I should be aware of when using decentralized
    • Can I use these templates with other blockchain platforms besides Ethereum?
    • What is Ethereum Name Service (ENS) and how does it relate to decentralized websites?
    • How to publish a page on IPNS or IPFS 🔗
Powered by GitBook
On this page
  1. How to Edit Every Component on Your Website?
  2. Standard Blocks: The Foundation of Your Website

Avatar👨🏻‍🦰

How to add Avatar block on your decentralized website

PreviousStandard Blocks: The Foundation of Your WebsiteNextHeading 🅰️

Last updated 1 year ago

Customizing Avatar Block 👨🏻‍🦰:

  • 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.

  • 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.