News block

News block allows you to keep your site visitors up-to-date with the latest updates and news of your site. You can choose from several News block types, depending on the content you want to showcase on your pages.

Adding the block

To add a News block, navigate to the page where you'd like to feature your articles or news, and click the round "plus" button:

userlmn_6726bcd8daa0b913289d8a322d3e706c.png

In the Block Library, navigate to the News section and choose the block. You can always change the layout later:

userlmn_b993ac01576f89c68f35fc087fb36e4d.png

Click on the block and it will appear on your page.

Customizing block settings

You have several options to make the News block truly yours. To activate the control pane, click anywhere on the block and then click the Block Settings icon:

Screenshot_2021-06-08_at_23.43.19.png

In the Layout section, you can fully switch the block layout or hide some of the block elements. To fully switch the block layout, simply click the respective button and select a new block content layout:

userlmn_bb554447a53b26a9b550577994231958.png

To hide a specific block element (for example, if you want to remove a button), remove the blue tick next to its name:

userlmn_f8e5df6ef617a0ffb72f6c85f5c4ec42.png

In the Appearance tab, you can make the following changes:

  • Block style: Change the color scheme of the block.
  • Block spacing: Change the whitespaces on the top and bottom of the block.
  • Content layout: Choose the number of items in a row.
  • Content style: add border or add shadow to make the article elements stand out on the page:

    userlmn_bd5a25326e8aea1e0371d298e725f5ae.png
  • Media settings: add a black & white filter to the images within this block.

Once you are done customizing block settings, click Save.

Customizing block elements

You can customize any element within the block - images, text, buttons. Review the following tutorials to learn how to do so:

Duplicating block elements

If you need to add more information to your block, you can duplicate the whole column including the image element and the text element. To do so, hover over the block element and then click the Duplicate icon:

userlmn_ae8547dfba4f5a6a78abfd54999e48d9.png

A new block element will appear next to the original one, and the entire block layout will be automatically updated. Repeat this action to showcase as many content pieces as you like.

Deleting block elements

To preserve this block's consistent design, it is not possible to delete only the image element or the text element - you can only delete a whole column. You can also delete one of the buttons or the block title in Block settings (described above).

If you need to delete the whole column including the image element and the text element, hover over it and then click the Trash can icon:

userlmn_9ab0a65ddfe6fb94b4c9b59ce9259f7d.png

Was this article helpful?
0 out of 0 found this helpful