Icon Widget

Table of Contents

Icon Content Icon Design

This article describes how to use the Icon Widget.

  1. In the left panel, click Widgets to open the widgets panel. Search for Icon Widget by browsing through the list or using the widget search bar.
  2. Left-click and drag the widget to the location you want in the site. A blue placement indicator appears.
  3. The widget appears in the location shown by the blue placement indicator.

When dragging-and-dropping a widget to your site, note the text in the blue placement indicator:

  1. Insert here - The widget will be added to an existing row or column
  2. Insert in new row - A new row will be added and the widget will be placed inside of it
  3. Insert in new column - A new column will be added to the row, and the widget will be placed inside of it

Icon Content

  1. Click Choose Icon to select an icon, or click Upload SVG File
  2. Link Image - Images can be linked to existing pages, URLs, or downloadable files. When a visitor clicks on the image, they will be taken to the link.
  3. Type Alt text for the icon, which enables search engines to recognize image content. Use text that clearly describes the image.
  4. Type a Tooltip for the icon, which will display when a user hovers over the image.

Icon Design

  1. Layout - select a layout for the Icon design
  2. Change the size of the widget by adjusting the Width and Height
  3. Style
  4. Floating
  5. Animation
  6. Spacing

 


Was this article helpful?

Give feedback about this article