Knowledge Base

Get Expert Website Hosting

Choose website reliability and expertise with SiteGround!

Home / Ecommerce / How to change image shapes

How to change image shapes

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

IMPORTANT! We currently have two builder versions: one for sites created before March 4, 2026, 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 image shape, follow these instructions:

  1. Click Edit Website in Site Admin > Website Builder.
    Edit Website button in Site Admin for accessing the Website Builder editor
  2. Open the Pages tab in the left menu toolbar, and select the page containing the image you wish to adjust.
    Pages tab in Website Builder with a selected page to edit
  3. Click the image that you wish to edit.
  4. In the Edit Image window on the right, open the Design tab, and select Shape.
    A page in Website Builder with a selected image display the editing options window
  5. Select your preferred shape from the available options. To go back to the square image shape, select the Fill or Fit option.
    A page in Website Builder with a selected image displaying the image shape options in a settings window

How to change image shapes (Classic builder)

To modify an image shape, navigate to the page containing the image you want to adjust and click on its section.

Note: The image shape can be adjusted if the image fit is set to fill and the section layout is not configured to a full-height image.

Next, select your preferred image shape from the available options: Sharp Edges, Round Edges, or Circle.

Share this article

Related Articles