Knowledge Base

Get Expert Website Hosting

Choose website reliability and expertise with SiteGround!

Home / Website Builder / How to Change Shapes

How to Change Shapes

Summarize this article with:
Last update: Mar 11, 2026 1 min read

We currently have two builder versions: one for sites created before March 4th and another for sites created after this date. Sites still using the older builder will be automatically migrated to the newer version soon. If your site hasn’t been migrated yet, please refer to the Classic Builder section below.

To change the shapes of buttons, fields, images, and other elements on your website, first go to Site Admin > Website Builder, and press the Edit Website button.

Dashboard for a "MEDICARE" trial site in the SiteGround Website Builder with an Edit Website button.

Then navigate to the Styles tab and click on Shapes.

Global Site Styles sidebar in the website editor with the Shapes category selected for customization.

From there, you can individually customize the shapes of Buttons and Labels, Form and Columns and Image Shapes.

Global Site Styles menu showing options for customizing shapes of buttons, forms, and images.

Once you click on a category, an additional menu will open, allowing you to edit it.

Global settings panel for Buttons and Labels showing a corner radius selector with options from None to Large.

Regardless of the category, you can set the corner radius of shapes to None, S, M, L, or Custom.

Additionally, you can customize the shape of an individual image via its Design settings. To do so, click the image, click the pencil icon in the floating toolbar, and select Shapes under the Design tab.

Edit Image panel showing the Shape tab with options to change an image to a circle or other geometric forms.

This is also applicable to the Testimonials and Columns components, where you can edit each image individually.

You can also adjust the corner radius of a button via its Design settings. To do so, click the button component, then the pencil icon in the floating toolbar, and go to the Design tab. Select Custom from the Button Style dropdown menu.

Design tab of the Edit Button panel showing a dropdown to select between Primary, Secondary, or Custom styles.

From there, you can scroll down to modify the Corner Radius, among many other button settings.

Design settings for a button element showing customization options for text color, background, and corner radius.

You can also change the corner radius of images in the Gallery component. To do so, click the pencil icon in the floating menu. In the Edit Gallery menu you can adjust the Corner Radius of the images, as well as customize other gallery features.

Edit Gallery panel showing grid layout options and corner radius settings for image elements.

How to Change Shapes (Classic Builder)

To change the shapes of buttons, fields, images, and other elements on your website, navigate to the Style tab and click on Shapes.

From there, you can individually customize the shapes of Buttons, Labels, and Form Elements by choosing from oval, sharp-edged, or round-edged options.

Note: Changing the shapes will be applied across your whole site.

Share this article