🎉  Userflow joins forces with Beamer to create all-in-one growth toolkit

Read more
Userflow Updates

Customize button size and shape

blog author
Sebastian Seilund

March 3, 2020

33 min. read

Userflow Updates

Customize button size and shape

Sebastian Seilund

March 3, 2020

33 min. read

A few new button-related options were added to Themes:

  • Button height: To make your buttons taller (or shorter) than default.
  • Button min. width: Especially in modals, making your buttons wider and more prominent can look great.
  • Button border radius: Userflow ships with a default border radius of 6 px. You can make the borders completely round or straight by adjusting this.
  • Button horizontal alignment: By default, buttons are right-aligned (except for modals, where they're centered). You can change this to always be left, centered or right aligned.

Find all the new options under the "Buttons" section on the edit theme page (Settings -> Theme).

Some pretty examples of customized buttons from the Userflow customer PurelyHR:

PurelyHR example 1
PurelyHR example 2

About the author

Co-Founder of Userflow

Sebastian Seilund is the co-founder and former CEO of Userflow, where he built one of the leading user onboarding platforms for SaaS companies. With experience as a software engineer at Google and having founded multiple successful software companies, including Denmark's first user-friendly accounting software, Sebastian brings deep technical expertise to discussions about product-led growth and user experience.

Get on board with userflow

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CASE STUDIES

All case studies
iconicon
case study thumbnail image

How Klevu Enhanced Adoption and Reduced Time-to-Value by 50% with Userflow

Danish Refai

Product Manager

Klevu

a case study

How Klevu Enhanced Adoption and Reduced Time-to-Value by 50% with Userflow

Learn how
iconicon

Evocalize

a case study

How Evocalize Boosted Product Adoption and Engagement With Userflow 

Learn how
iconicon

Visma Dinero

a case study

How Visma Dinero provides 24/7 onboarding and support with in-app content and AI Assistant.

Learn how
iconicon

Customize button size and shape

Sebastian Seilund

on

March 3, 2020

A few new button-related options were added to Themes:

  • Button height: To make your buttons taller (or shorter) than default.
  • Button min. width: Especially in modals, making your buttons wider and more prominent can look great.
  • Button border radius: Userflow ships with a default border radius of 6 px. You can make the borders completely round or straight by adjusting this.
  • Button horizontal alignment: By default, buttons are right-aligned (except for modals, where they're centered). You can change this to always be left, centered or right aligned.

Find all the new options under the "Buttons" section on the edit theme page (Settings -> Theme).

Some pretty examples of customized buttons from the Userflow customer PurelyHR:

PurelyHR example 1
PurelyHR example 2