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

Image Grid 🌠

How to add Image Grid block on your decentralized website

PreviousSocial #️⃣NextDivider ➗

Last updated 1 year ago

Customizing Image Grid Block 🌠:

  • Add an image block:

    • Click on the "Add Blocks" option in the builder interface.

    • Look for the "Image" block in the block library and drag it onto the canvas area.

  • Image selection:

    • Within the image block, there should be a button or option to select an image.

    • Click on the "Choose File" or a similar button to open the file selection dialog.

    • Select the desired image file from your device to upload it to the builder.

  • Image alt text:

    • In the same image block, there should be a field or option to enter the alt text for the image.

    • Enter a descriptive alt text that provides a brief description or alternative representation of the image.

    • This alt text is important for accessibility purposes and search engine optimization.

  • Destination URL:

    • In the image block, there should be a field or option to enter the destination URL for the image.

    • Provide the URL where you want the image to link to when clicked.

    • You can enter the complete URL, including the "https://" or "http://" prefix.

  • Submit button:

    • In the image block, there should be a submit button or an option to save your changes.

    • Click on the submit button to apply the selected image, alt text, and destination URL to the block.