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 builder can also have their corners rounded in the same way.

    • Related Articles

    • How to use and style buttons in Reactive

      Create buttons that stand out! This guide will show you how to add, customize, and style them easily, making them look great and work flawlessly. How to Insert a Button Element on Your Page To get started, simply drag and drop a Button Element onto ...
    • 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 ...
    • How to add images using the Image Element

      Adding images to your Reactive pages is simple with the Image Element, which you can find in the Elements library on the left side of the editor. Uploading a New Image in Reactive To upload and place an image: Drag and drop the Image Element onto ...
    • How to overlay content on a Box

      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 ...