The theme includes the Carattere fantastico icons. The icons can be used separately or as a part of other page components.
3 Different Sizes
small
medium
big
Ottieni il codice
[icon name="camera" size="small" style="simple"]
[icon name="pencil" size="small" style="solid"]
[icon name="picture" size="small" style="simple"]
[icon name="rocket" size="small" style="solid"]
[icon name="star" size="small" style="simple"]
[icon name="beaker" size="small" style="solid"]
[icon name="camera" size="medium" style="simple"]
[icon name="pencil" size="medium" style="solid"]
[icon name="picture" size="medium" style="simple"]
[icon name="rocket" size="medium" style="solid"]
[icon name="star" size="medium" style="simple"]
[icon name="beaker" size="medium" style="solid"]
[icon name="camera" size="big" style="simple"]
[icon name="pencil" size="big" style="solid"]
[icon name="picture" size="big" style="simple"]
[icon name="rocket" size="big" style="solid"]
[icon name="star" size="big" style="simple"]
[icon name="beaker" size="big" style="solid"]
3 Stili alternativi
nessuno
semplice
solid
Ottieni il codice
[icon name="camera" size="medium" style="none"]
[icon name="pencil" size="medium" style="none"]
[icon name="picture" size="medium" style="none"]
[icon name="rocket" size="medium" style="none"]
[icon name="star" size="medium" style="none"]
[icon name="beaker" size="medium" style="none"]
[icon name="camera" size="medium" style="simple"]
[icon name="pencil" size="medium" style="simple"]
[icon name="picture" size="medium" style="simple"]
[icon name="rocket" size="medium" style="simple"]
[icon name="star" size="medium" style="simple"]
[icon name="beaker" size="medium" style="simple"]
[icon name="camera" size="medium" style="solid"]
[icon name="pencil" size="medium" style="solid"]
[icon name="picture" size="medium" style="solid"]
[icon name="rocket" size="medium" style="solid"]
[icon name="star" size="medium" style="solid"]
[icon name="beaker" size="medium" style="solid"]
Custom Colors
Ottieni il codice
[icon name="camera" size="small" style="solid" text_color="#ffffff" bg_color="#e67e22" ]
[icon name="pencil" size="medium" style="solid" text_color="#ffffff" bg_color="#e74c3c"]
[icon name="picture" size="big" style="solid" text_color="#ffffff" bg_color="#9b59b6"]
[icon name="rocket" size="medium" style="solid" text_color="#ffffff" bg_color="#3498db"]
[icon name="star" size="small" style="solid" text_color="#ffffff" bg_color="#2ecc71"]
Tutte le icone disponibili
Documentazione shortcode
ID
L'attributo id specifica un id per un elemento HTML.
Deve essere univoco all'interno del documento HTML.
(Principalmente per scopi di stile/script aggiuntivi)
classe
L'attributo class specifica un nome di classe per un elemento HTML.
(Principalmente per scopi di stile/script aggiuntivi)
icona
size
stile
shape
text_color
bg_color