All Collections
Website Builder
Website Builder: How to Change the Button Shape
Website Builder: How to Change the Button Shape

Learn how to style buttons using Hostinger Website Builder

Austėja Baranauskaitė avatar
Written by Austėja Baranauskaitė
Updated over a week ago

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):

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 (single product and product list sections) and submit buttons (contact and subscription forms).

Local button shape settings

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

Contact and subscription forms: Submit button

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

Did this answer your question?