Display one or more icons using [icon-name] syntax — e.g. [star] [check] [download].
In the builder: Elements → Content Widgets → Icons
Widget Settings
Icons
| UI field | Description |
|---|---|
| Icons | Space-separated [icon-name] tokens. Use Add icon to insert from the picker. |
Example: [star] [check] [download]
Visibility
Expand Visibility to show or hide the widget based on an active View Mode or a formula. See Show and Hide Fields with Conditional Logic.
| UI field | Description |
|---|---|
| Show | Always or Conditionally |
| Active mode is | Name of the View Mode that must be active for this widget to appear (when Show is Conditionally). |
| Formula result is positive | Optional formula; evaluated on Calculate |
Design
Expand Design to style individual parts of the widget. Prefer project themes for a consistent look; per-widget styling is optional.
| Part | What it represents |
|---|---|
| Icons | The icon row (.cp-icons). |
Custom CSS — useful selectors and classes:
| Selector / class | Targets |
|---|---|
#cp-{ID} |
Entire widget (ID from the Element panel header). |
| Custom CSS Classes | Classes you add in Design; applied to the outer widget container. |
.cp-icons |
Icon container span. |
Icons vs Image
| Icons | Image | |
|---|---|---|
| Format | [name] tokens |
Image URL |
| Size | Icon font glyphs | Full image |
| Best for | Feature lists, ratings | Logos, photos |