Get the codes[icon_list_item title="Icon List Heading title" title_size="2em" icon_color="#ffffff" icon_background="#000000" container_background_color="#e9e9e9" container_radius="10px" container_padding="10px" url="https://storejextensions.org/extensions/jshortcodes.html"]Content of the icon card[/icon_list_item]
Get the codes[icon_list_item title="Icon List Heading title" title_color="#ffffff" title_size="2em" title_gap="0px" icon="icon:check-square" icon_color="#000000" icon_background="#FFFFFF" icon_size="48" icon_padding="10px" icon_radius="50%" connector_length="40px" color="#ffffff" container_background_color="#000000" container_radius="10px" container_padding="20px" url="https://storejextensions.org/extensions/jshortcodes.html"]Content of the icon card[/icon_list_item]
Get the codes
[icon_list_item title="Step 1" title_size="2em" title_gap="0px" icon="icon: check-square" icon_color="#ffffff" icon_background="#000000" icon_padding="10px" connector="yes" connector_length="40px" container_radius="0" container_padding="0" url="https://storejextensions.org/extensions/jshortcodes.html"]Description of the step 1[/icon_list_item]
[icon_list_item title="Step 2" title_size="2em" title_gap="0px" icon="icon: check-square" icon_color="#ffffff" icon_background="#000000" icon_padding="10px" connector="yes" connector_length="40px" container_radius="0" container_padding="0" url="https://storejextensions.org/extensions/jshortcodes.html"]Description of the step 2[/icon_list_item]
[icon_list_item title="Step 3" title_size="2em" title_gap="0px" icon="icon: check-square" icon_color="#ffffff" icon_background="#000000" icon_padding="10px" " connector_length="40px" container_radius="0" container_padding="0" url="https://storejextensions.org/extensions/jshortcodes.html"]Description of the step 3[/icon_list_item]
| Shortcode | Attributes | Example code |
|---|---|---|
| Icon Card This widget displays a graphical icon card with custom text |
Title -
title Possible values: Any Custom Value Default value: Icon Card Heading Title color -
title_color Possible values: #RGB and rgba() colors Default value: #444444 Title size -
title_size Possible values: Any Custom Value Default value: 16px Title bottom margin -
title_gap Possible values: Any Custom Value Default value: 10px Icon -
icon Possible values: icon: music, icon: envelope full list Default value: icon: heart Icon color -
icon_color Possible values: #RGB and rgba() colors Default value: #333333 Background -
icon_background Possible values: #RGB and rgba() colors Default value: transparent Element size -
icon_size Possible values: 4 - 128 Default value: 24 Icon animation -
icon_animation Possible values: No Animation, Animation 1, Animation 2, Animation 3, Animation 4, Animation 5, Animation 6, Border -
icon_border Possible values: CSS supported border! Default value: 0px solid #CCCCCC Shadow -
icon_shadow Possible values: CSS supporte shadow! Default value: 0px 0px 0px #444444 Padding -
icon_padding Possible values: Any Custom Value Default value: 20px Border radius -
icon_radius Possible values: Any Custom Value Default value: 0px Alignment -
icon_align Possible values: Left, Right, Top, Title, Top left, Top right, Default value: Left Connector -
connector Possible values: yes, no Default value: no Connector length -
connector_length Possible values: Any Custom Value Default value: 30px Content color -
color Possible values: #RGB and rgba() colors Default value: #333333 Background color -
container_background_color Possible values: #RGB and rgba() colors Default value: transparent Border radius -
container_radius Possible values: Any Custom Value Padding -
container_padding Possible values: Any Custom Value URL -
url Possible values: Any Custom Value Target -
target Possible values: Self, Blank, Default value: Self Link to -
linkto Possible values: Title, Icon, All, Default value: Title Class -
class Possible values: Any Custom Value 'View on scroll' effect -
scroll_reveal Possible values: Any Custom Value Content -
content Possible values:Any Content Value Default value: Content |
[icon_list_item title="Icon Card Heading" title_color="#444444" title_size="16px" title_gap="10px" icon="icon: heart" icon_color="#333333" icon_background="transparent" icon_size="24" icon_animation="Animation 6" icon_border="1px solid #CCCCCC" icon_shadow="0px 1px 2px #eee" icon_padding="20px" icon_radius="0px" icon_align="left" connector="no" connector_length="30px" color="#333333" container_background_color="transparent" container_radius="" container_padding="" url="" target="self" linkto="title" class="" scroll_reveal=""]Content[/icon_list_item]
|