Button Icon Styling
This option is only available for the Reaction Button
How does Button Icon Styling Work?
The is the icon you have selected that is on the left side of your Reaction Button Text. This option block gives you control over your icon styling. You can easily manage your icon settings by changing size, color and position.
Breakdown of Options
Before Text – Select this option to have your icon show before your text on the left hand side.
After Text – Select this option to have your icon show after the text on the right side.
Icon Color – Use your color picker here to choose from unlimited colors or drop you color code in with ease.
Icon Hover Color – Use color picker, same as above to select or paste you color code in. This option is when a user hovers over your button, the color of the icon changes on hover.
Icon Size – Use this dropdown to select from preset icon sizes. You can choose from 10px up to 60px for larger buttons or banners.
Icon Spacing – This dropdown lets you choose how far away from the button text you would like your icon. It is the padding between the text and the icon. Simply click on the dropdown arrow and select your how many pixels. The selections range from 5px up to 30px. You can preview your size changes in the preview window to the right of your screen to view you changes live.