Icons

TheGem delivers three shortcodes for inserting buttons in your content.

Icon

This shortcode inserts a standalone icon on any position in your content

Icon pack: if you wish to use some icon in your button, here you can define the icon pack, whereyou wish to choose your icon

Icon: here you can choose an icon from the font icon set you have selected in „Icon Pack“. Just click on “Show icon codes”, select and copy the code of the icon you wish to insert and paste this code here

Shape: Here you can choose between different icon shapes

Style: Needed for bicolored icons – here you can define the angle of color splitting on your icon

Color: Select font coor for your icon

Color 2: If you wish to make your icon bicolored, here you can choose the second font color for your icon

Background Color: Choose the background color of your icon

Border Color: Choose the border color of your icon

Size: In which size your icon should appear

Link & Link Target: enter an URL if you wish to link your icon

Centered: if you wish to automatically center this icon inside the content block where it is inserted, activate this option

Icon Top Margin & Icon Bottom Margin: here you can define the top & bottom margins of your button, in pixels

Icon With Text

This shortcode is quite similar to Icon shortcode described above, but it gives an option to insert a text container, starting with icon, and to control icon & text positions, margins and paddings very precisely. All settings are quite similar to the settings of Icon shortcode (see above). After inserting this element, you can then prepend or append text block inside this shortcode.

Icon With Title

This shortcode is quite similar to Icon shortcode described above, but it gives an option to insert some title in combination with the icon. All settings are quite similar to the settings of Icon shortcode (see above).