Buttons
To add some button anywhere in your content, use „Button“ element:
Here you have following options:
Button Text: type in the text, which should appear on your button
URL (Link): define the link for your button
Position: define position and alignment of this button
Style: TheGem buttons incluide two basic styles – flat (solid filling) and outline (ghost like)
Size: select the size for your buttonText weight: font weight for the button text
No uppercase: by checking this checkbox you disable uppercase letter styling for button text
Border radius: define the radius for rounded corners of the button
Text Color: Select the font color of the button’s text
Hover Text Color: Select the hover font color of the button’s text
Background Color: select the background color fill for the button
Hover Background Color: select the background color fill for the button in hover state
Separator Style: this option gives you a possibility to enable line separator to the left and to the right of the button
Icon pack: if you wish to use some icon in your button, here you can define the icon pack, where you 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
Icon Position: where to position the chose icon – to the left or to the right of the button’s text Choose the main font color of your title icon here
Lazy Loading enabled: here you can enable a lazy loading animation for your button