The Images block displays a single full-width image on the page.
Here’s how you can use the Images block:
- Add a featured image: you can insert the Images block between two Text blocks to add visual appeal to the content.
- Banner image: insert this block as a custom banner in addition to Call to action blocks.
- Combine with other blocks: you can insert Image blocks between other functional blocks such as Booking, Contacts, or About us.
Adding the Images block
Here’s how to add the Images block:
- Choose a location where you want to add your Images block and click the Add a block (+) Plus button.
- In the Block library, choose Images from the list to see the pre-designed layout for this block type.
- Click the pre-designed layout you like to add it to your page.
Customizing block settings
You can customize the Contacts block with the help of its control pane. To activate it, click the block and then click the Block settings icon.
The Block settings menu will appear. It consists of two tabs: the Layout tab and the Appearance tab.
In the Layout tab, you can switch the block layout and choose which elements should be displayed in the block. To hide a specific block element (for example, if you want to remove a button), remove the blue tick next to the element’s name.
In the Appearance tab, you can make the following changes:
- Replace image: If you choose a block with a background image, here you can edit or replace it.
- Block style: Change the color scheme of the block.
- Block spacing: Change the whitespaces on the top and bottom of the block.
- Background settings: Add a black & white filter to the background of this block.
- Media settings: Add a black & white filter and overlay to the image or video within the block.
Once you are done customizing block settings, click Save.
Editing the image
You can replace demo images with your own photographs. For more information, visit our Adding images tutorial.
You can also zoom in and out of the image using the crop tool, as described in the Customizing your image tutorial.
You can also assign a click-action to an image and add alt text. Read these tutorials for more information:
To change the background image of the Images block, hover over the block and click the Edit image icon on the control panel.
Then follow the instructions in our dedicated tutorial, Customizing block background.
Duplicating the Images block
If you want to display more Images blocks, you can duplicate them as follows:
- Hover over the Images block to trigger the appearance of the control panel.
- Click the Duplicate icon.
- The identical block element will appear below the original one.
Deleting the Image block
If you want to delete the Images block, here’s how you can do it:
- Hover over the Images block to trigger the appearance of the control panel.
- Click the Delete icon on the control panel to remove the Images block.
Note: This action can be reversed by pressing the Undo button or Ctrl-Z on your keyboard.
We hope you find this article helpful. If you have any questions left, please contact our Support Team.
Ready to use your new knowledge? – Edit your site!