Wix Editor: Adding and Setting Up a Strip

Use full-width strips to structure your content and break it into horizontal sections, creating a professional feel. Choose from a variety of elements to add to your strip, then customize the strip background using color, image or video.

---

Adding a strip

Add a strip to begin structuring your page. You can use strips to divide your page's content and information. Popular ideas for strips include contact details and price lists.

Tip:

Strips look particularly great on one-page sites.

To add a strip:

1. Go to your editor.

2. Click Add Elements

   

   on the left side of the editor.

3. Click Strip.

4. Select the type of strip you want to add.

5. Drag a strip element onto your page.

---

Adding elements to your strip

Build your strip by adding relevant content. Once elements have been attached to your strip, you can easily move the strip and elements around your site pages.

Before you begin:

Resize the strip or element so the element fits within strip before trying to attach it.

To add elements to your strip:

1. Go to your editor.

2. Drag the element over the strip.

3. Drop the element when you see the message Attach to Strip.

---

Adjusting the alignment of your strip

Choose how the content of your strip is aligned on your site to ensure that your visitors can always view important and relevant information. You may want to change the alignment to organize your content in a different layout.

Important:

You can only change the alignment of strip content if the strip doesn't contain columns.

To adjust the strip alignment:

1. Go to your editor.

2. Click the strip on your page.

3. Click the Layout icon

   

   .

4. Select a layout:

   • Center: The content is aligned to the center of the strip.

   • Left: The content is aligned to the left of the strip.

   • Right: The content is aligned to the right of the strip.

---

Changing your strip background

Choose a background for your strip to suit your site's look and feel. There are a variety of options available. You can choose from a range of colors, images, or videos.

To change your strip background:

1. Go to your editor.

2. Click the strip on your page.

3. Click Change Background and choose from one of the following options:

   • Color: Choose from a range of colors to either match your site's palette, or create something bold.

   • Image: Select from a variety of striking free images, or upload your own.

   • Video: Choose a free eye-catching video from Wix, or upload your own through the Media Manager.

   • Create an AI Image: Generate a custom image with the AI Image Creator.

Important:

A strip automatically spans the width of your site, however you can change the width by clicking the Stretch icon

. The maximum height for a strip is 15,000 px.

---

Customizing your strip

You can customize the strip element to look exactly how you want. Adjust settings such as the border, corners, and shadow so that it nicely matches your site.

To customize your strip:

1. Go to your editor.

2. Click the strip on your page.

3. Click the Design icon

   

   .

4. Choose what you want to customize:

Border

Customize the strip's borders:

• Opacity & color: Click the color box and select a color for the strip's borders. Drag the slider to increase or decrease the opacity.

• Border style: Select a border style (None, All sides, Bottom).

• Width: Drag the slider to increase or decrease the strip's border width.

  Note: This option will not appear if you select None under Border style.

Corner

Round the corners of the strip to make it more circular. Enter a number in each text field to round the corner.

Tip: Click the Lock icon

to keep all corners and proportions the same.

Shadow

Create a shadow for your strip element. Click the Apply shadow toggle to enable or disable the shadow on the element.

When the toggle is enabled, continue customizing the shadow:

• Angle: Select a position on the circle or enter a value.

• Distance: Drag the slider to increase or decrease the distance.

• Size: Drag the slider to increase or decrease the size.

• Blur: Drag the slider to increase or decrease the shadow blur.

• Opacity & color: Select a color and drag the slider to increase or decrease the opacity of the shadow.

This article is credited to the Wix team - https://support.wix.com/ and we thank them for that!