Hostinger Website Builder: How to Change the Button Shape

Learn how to style buttons using Hostinger Website Builder

Updated 2 weeks ago

In Hostinger Website Builder, you can change the button shape in two ways:

  • Globally – apply the changes to all button elements across your website

  • Locally – change the shape of a particular button element

Global Button Shape Settings

Expand the Website styles panel on the left, open the Buttons tab, and select the preferred button shape (oval, rounded, rectangular):

Hostinger Website Builder styles panel with the Buttons tab highlighted and button shape options shown

If you make changes in the global style settings, they are applied to all buttons across your website, including regular buttons, “Add to bag” buttons in single product and product list sections, and submit buttons in contact and subscription forms.

Local Button Shape Settings

Locally, you can change the button shape for the following elements:

Regular and Add to bag buttons

Within the editor, click on a button element and select Edit button. Then, open the Style tab and change the corner radius:

Hostinger Website Builder button settings with Style tab and corner radius slider highlighted

The Submit button in contact and subscription forms

Click on the contact or subscription form and select Edit form. Open the Style tab and select Submit button from the dropdown. Then, change the corner radius:

Hostinger Website Builder form settings with Style tab, Submit button, and corner radius highlighted

And that’s it!