Buttons


Setting Description
Hover effect

Choose a hover effect for buttons:

  • Default: standard effect on hover.
  • Swipe
Buttons font family

Buttons: Select the font family to be used for all button text.

  • Body: Uses the body text font family set in Typography / Theme settings.
  • Headings: Uses the heading font family set in Typography / Theme settings.
Buttons font size

Use the Font Size Slider to adjust the font size for buttons on desktop and tablet. Use the following options:

  • Minimum font size: 12px
  • Maximum font size: 28px
Buttons font size mobile

Use the Font Size Slider to adjust the font size for buttons on mobile devices. Use the following options:

  • Minimum font size 10px
  • Maximum font size: 24px
Buttons font weight

Choose the desired font weight for the button text from the dropdown menu:

  • Normal
  • Medium
  • Semi bold
  • Bold
Buttons letter spacing Adjust the spacing between characters in button text.


Inline button

Setting Description
Inline button font family

Buttons: Select the font family to be used for all inline button text (inline and small inline buttons).

  • Body: Uses the body text font family set in Typography / Theme settings.
  • Headings: Uses the heading font family set in Typography / Theme settings.
Inline button font size

Use the Font Size Slider to adjust the font size for inline buttons on desktop and tablet. Use the following options:

  • Minimum font size: 12px
  • Maximum font size: 28px
Inline button font size mobile

Use the Font Size Slider to adjust the font size for inline buttons on mobile devices. Use the following options:

  • Minimum font size 10px
  • Maximum font size: 24px
Inline button font weight

Choose the desired font weight for the inline button text from the dropdown menu:

  • Normal
  • Medium
  • Semi bold
  • Bold
Inline button letter spacing Adjust the spacing between characters in inline button text.

Small inline button



Setting Description
Small inline button font size

Use the Font Size Slider to adjust the font size for small inline buttons on desktop and tablet. Use the following options:

  • Minimum font size: 10px
  • Maximum font size: 24px
Small inline button font size mobile

Use the Font Size Slider to adjust the font size for small inline buttons on mobile devices. Use the following options:

  • Minimum font size: 8px
  • Maximum font size: 24px
Small inline button font weight

Choose the desired font weight for the small inline button text from the dropdown menu:

  • Normal
  • Medium
  • Semi bold
  • Bold

Border settings


Setting Description
Thickness Use the slider to adjust thickness of border. The range is from 0px to 12px.
Opacity You can increase or decrease visibility of border color to make it more expressive or less noticeable.
Corner radius Use the slider to control the rounding of buttons. You can adjust the radius to achieve the desired level of roundness or squareness, aligning them with your design vision.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us