
Size: In which size your icon should appear Style: Needed for bicolored icons – here you can define the angle of color splitting on your iconĬolor 2: If you wish to make your icon bicolored, here you can choose the second font color for your iconīackground Color: Choose the background color of your iconīorder Color: Choose the border color of your icon Shape: Here you can choose between different icon shapes 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 Lazy Loading enabled: here you can enable a lazy loading animation for your button 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 Just click on “Show icon codes”, select and copy the code of the icon you wish to insert and paste this code here Icon: here you can choose an icon from the font icon set you have selected in „Icon Pack“. 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 Separator Style: this option gives you a possibility to enable line separator to the left and to the right of the button Hover Background Color: select the background color fill for the button in hover state Hover Text Color: Select the hover font color of the button’s textīackground Color: select the background color fill for the button Text Color: Select the font color of the button’s text No uppercase: by checking this checkbox you disable uppercase letter styling for button textīorder radius: define the radius for rounded corners of the button Size: select the size for your buttonText weight: font weight for the button text Style: TheGem buttons incluide two basic styles – flat (solid filling) and outline (ghost like) Position: define position and alignment of this button URL (Link): define the link for your button Quickfinders Portfolios Testimonials Teamsīutton Text: type in the text, which should appear on your button.
