How Do I Make Rounded Buttons?

How Do I Make Rounded Buttons?

Sometimes, you may want to round the edges of your buttons to give them a “pill-shaped” look.

Rounding the edges is simple. Just adjust the Border Radius setting, which can be found near the bottom of the control panel on the right. Increasing the value will make the corners more rounded, while a smaller value keeps them sharper.

For example, setting the Border Radius of a button to 50px will create a fully rounded, pill-shaped button. Using 10px will give the corners a subtle curve, creating a softer look without making the button fully pill-shaped.

Most other elements in the editor can also have their corners rounded in the same way.

    • Related Articles

    • How to use and style buttons in Reactive

      How to Insert a Button Element on Your Page To get started, simply drag and drop a Button Element onto your page. A default style will already be applied, but you can freely customize it to match your design. How to Change the Font of Your Button ...
    • How to overlay text, buttons, and other elements on an image or video, using the Box element

      Use the Box Element to create a background and then place text, buttons, or any other elements on top of it. The Box Element offers a variety of useful features, including the ability to set a minimum height, add a background, and insert multiple ...
    • How to make your Reactive Website GDPR compliant

      The General Data Protection Regulation (EU) 2016/679 (GDPR) is a regulation in EU law on data protection and privacy in the European Union (EU) and the European Economic Area (EEA). It also addresses the transfer of personal data outside the EU and ...
    • Theme Settings

      This article will guide you through the most important section of your Reactive website, customizing your storefront to match your brand identity and aesthetic. By the end of this article you will be able to: Customize your Header. Customize your ...
    • Understand your calendar and how does it work

      Reservation Calendar helps you keep track of your bookings throughout the year. Use your calendar to see a monthly or a weekly overview of your bookings. You can simply use the Back and Next buttons for navigation and choose the booking you want to ...