Editing an icon

  • Better user experience: your visitors focus not only on the content but on the visual design of a website as well.
  • Visual aid: draw attention to certain page elements with relevant images.
  • Consistent appearance: you can rest assured that your icons will display just the way you want them across all devices, without any loss of quality.

Adding a block with icons

You can choose a block that contains icons from the Block Library. The following blocks have icons built in the design: Covers, About, Features, Pricing, Schedule.

  1. Choose a location where you want to add your block with an icon and click on the Add a block + button.
  2. Choose the block from the Block Library and click on the block.  
  3. The block will be added to your page.

Customizing the icon 

  1. Hover over the icon to bring up the dialog box.
  2. Click on the “smiley” Change icon and the Icon Library window will appear.


3. In the Icon Library menu, type in the keyword related to the icon you want to add. For this example, we want to add an icon that would illustrate a feature of a phone.


4. Click on the icon you like and it will replace the original icon.

5. Repeat these steps with all other icons on the page. 

Note: your changes will be saved automatically every two minutes. 

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