Contents

Style Buttons and Hotspots

Adjust the look of buttons and hotspots, colors, fonts, borders, hover states, and shapes, to match your brand.

  1. Click the plus icon to add a new interactive element
  2. Click the Icon Button to add a button
  3. Button styling is set by default based on Brand Book
  4. Enter button name
  5. Font is by default set to font provided in Brand Book, to change it click the Font family field
  6. Select a font from the dropdown
  7. Click on Font weight field
  8. Select a font weight from the dropdown
  9. Adjust font size
  10. Adjust Line height
  11. Enter a HEX value to change the text color
  12. Or select a color using the color picker
  13. Adjust the text color using the color picker, HEX code will automatically populate
  14. Select text alignment option
  15. Enter a HEX value to change the background color
  16. Or select a color using the color picker
  17. Adjust the background color using the color picker
  18. Enter a value to adjust the border radius
  19. Select a border width from the dropdown
  20. Select a border color
  21. Use the CSS panel to apply Advanced custom styling if needed.
  22. Click Save to apply your changes
Last updated 18 June 2026

Was this page helpful?

Language
Theme
Contact
Legal