web_icon Shortcode
The web_icon shortcode renders the icon component.
The attributes below match the current Page Builder controls and public output. Use raw syntax only for reviewed content that cannot be maintained through the visual controls.
Usage
[web_icon]Attributes
| Attribute | Default | Accepted values | Purpose |
|---|---|---|---|
icon |
— | String unless stated otherwise | Select the icon to be displayed. |
icon_color |
1 |
String unless stated otherwise | Controls the icon color. |
icon_bg_color |
— | String unless stated otherwise | Controls the icon background color. |
icon_bg_shape |
— | square, circle |
Choose the icon background shape. |
icon_alignment |
center |
left, center, right |
Choose the icon alignment. |
icon_size |
adapt |
sm, default, lg, adapt |
Choose the size of the icon. |
icon_url |
— | String unless stated otherwise | Enter the url to which you will direct when clicking the icon. |
icon_url_additional_attributes |
— | String unless stated otherwise | You can enter additional attributes to icon URL. |
icon_target |
— | yes |
Open link in another window. |
icon_nofollow |
— | yes |
Open rel="nofollow" to link. |
device_visibility |
— | String unless stated otherwise | Applies the selected responsive visibility rule. |
el_id |
— | Valid unique HTML ID | Enter section ID (Note: make sure it is unique and valid according to w3c specification). |
el_class |
— | String unless stated otherwise | If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file. |
Verification
Verify web_icon with representative content, its empty state and every enabled responsive range. Pay particular attention to icon and icon_color.