Help Center
    Help Center
  1. Creating your site
  2. Using the Wix Editor
  3. Adding and customizing elements
  4. Shapes and lines
    5. Wix Editor: Customizing a Decorative Shape

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:
Did you know?
Arrows are also considered basic shapes in the editor. 

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.
A basic shape in Wix Editor alongside the Design panel

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. Drag the handles on the edges of the shape to make it bigger or smaller.
A basic shape in Wix Editor, highlighting one of the handles you can drag in order to resize the shape
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. (In the Media Manager) Browse the shape library using the categories on the left and select a new shape.
  4. Click Add to Page.
A basic shape in Wix Editor alongside the button that lets you change the basic shape

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.
A basic shape in Wix Editor alongside the link panel

Did this help?

|
In this article
  • Customize your shape design
  • Resizing your shape
  • Switching to a different shape
  • Using your shape as a button

Related content

Wix Editor: Adding Decorative Shapes and Lines
Wix Editor: Adding a Logo to Your Site

Hire a Professional

Get matched with a Wix Partner who can help you reach your site goals.
Get Matched