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).