Open the Block Selector
Log in to your website editor.
Locate the plus icon.
Click the plus icon to open the block selector menu.
Add the Image List Block
In the block selector menu, look for the block titled "Image List."
Click on "Image List" to add it to your page. This will place an Image List block on your page.
Add Images to the List
Click on the Image List block to activate it. You should see options for editing the block.
Click "Add Media" to open your media library.
You can choose an image from your media library or upload a new image. Click the image to add it to your list.
Repeat steps 2 and 3 for every list item you want to display. Add each image one by one to build your list.
Customize the Block Layout
After adding the images, you can customize the layout of the Image List block.
Please be sure to look for layout options within the block settings. These options might include grid layout, list layout, spacing, alignment, etc.
You can adjust the layout settings to display the images in your desired format, making sure the images are correctly aligned and spaced for a clean and organized appearance.
Save Your Changes
After customizing the Image List block, could you make sure to save your changes?
Additional Tips
Preview Your Page: Always preview your page to see how the Image List block looks. Ensure all images are displayed correctly, and the layout is visually appealing.
Mobile Optimization: Check how your Image List block looks on mobile devices and make any necessary adjustments for a responsive design.
Consistent Style: Ensure that the style of the Image List block aligns with your website's overall design and theme.
By following these steps, you will successfully add and customize an Image List block to your webpage, creating a visually appealing and organized display of images for your visitors.