Reaction Container Styling
This option is available in Mini Reactions and Jane Reactions.
What is container styling?
The container is the frame or box around each emoji in the Mini and Jane Reaction layouts. These containers are fully customizable.
Breakdown of Options
The options for container styling let you customize every aspect of the container. Easily manage these settings with dropdowns and color pickers.
Border Radius – This option controls the the corners of the box. You can use this dropdown to choose from 0px for square edges all the way up to 60px for fully rounded edges and anything in between to make your containers the way you want.
Border Width – This dropdown allows for you to choose how thick you want you container border. You can choose from 0px to 60px. The higher number you choose, the thicker the border will be for the container.
Border Color – Use this color picker by clicking over it and dragging your mouse to the color that is best for you. Or simply paste your own color code into the color picker input box and that color will be shown.
Border Style – This option lets you choose the style of border you want around your emojis. Simply select the one you want from the dropdown menu.
Active Color – The active color is the color that a user clicks on. It is the color inside of the container box. You can choose a color for this option by using the color picker. or, paste your color code into the color picker input box.
If you decide to skip this option our default settings will be used. You can always come back later to change anytime.
If you would like hide containers, simply make the border color and active color the same color as your page. In most cases that will be white. When doing this, your containers are hidden.