Wix Editor: Customizing a Decorative Shape

3 min read
Customize your decorative shapes to match the look of your site, including the size, colors and borders. If you want, you can also add a link to your shape to turn it in to clickable button. 
If you change your mind about the shape, switch it to another one at any time. 
In this article, learn how to:

Customize your shape design

Get creative and customize the color, border and shadow of your decorative shape using the design options.

To customize your shape:

  1. Click the shape in your Editor.
  2. Click the Design icon .
  3. Customize your shape using the options: 
    • Fill color: Select the shape's color and opacity.
    • Border: Enable the Apply border toggle to customize the color, opactity and width of a border.
    • Shadow: Enable the Apply shadow toggle to customize a shadow.

Resizing your shape

Make your shape larger or smaller as you need. When resizing your shape, you can stretch it, or keep the proportions the same as the original shape.

To change the size of your shape:

  1. Click the shape in your Editor.
  2. Click and drag one of the the resize handles on the edge of the shape to the size you want.
Don't want to stretch your shape?
To keep your shape in the same proportions, click the Settings icon , then enable the Keep original proportions toggle.

Switching to a different shape

You can play around with different shapes, and change them as often as you want.

To switch to a different shape:

  1. Click the shape in your Editor.
  2. Click Change Basic Shape.
  3. Browse the shape library using the categories on the left side, and select a new shape.
  4. Click Add to Page.

Using your shape as a button

Add a link to your shape so that when your site visitors click it, they are taken to the link destination. This can be used in a variety of ways, such as linking a 'contact' shape to your contact page, or a 'burger' shape to your food menu page.

To turn your shape into a button:

  1. Click the shape in your Editor.
  2. Click the Link icon .
  3. Enter the link details.
  4. Click Done.

Did this help?

|