Changing Canvas Background (Color, Image or Video)

Want to change the background of a section on your site? In Showit, changing a canvas background is super simple and lets you play around with colors, images, and even videos to give your site the vibe you want. Here’s the step-by-step guide to get it done right.

1. Selecting the Canvas

1. Head over to the Showit editor and navigate to the page you want to edit.
2. Click directly on the canvas that contains the background you want to change. If you accidentally select an element inside the canvas (like text), click the canvas name in the left sidebar under the Page Tab to make sure the whole canvas is selected.

2. Accessing Canvas Background Settings

1. With the canvas selected, go to the right-side Properties Panel.
2. Find the “Canvas Background” tab.
3. Under “Media Type,” choose the kind of background you want:
   • None (aka Color or Gradient) – Solid color or gradient backgrounds.
   • Image – Upload a photo or graphic.
   • Video – Upload a subtle video file for a dynamic feel.

3. Customizing Background Images and Videos

If you choose an image or video background, you’ll get options to customize how it looks:

• Scroll Effects – Add parallax, fixed backgrounds, or scroll speed variations for some movement.
• Opacity – Adjust to make the text sitting on top of the background pop more.
• Positioning – Choose the position of the background image to make it look best.

Pro Tip: Parallax or fixed scroll effects won’t show up in edit mode, so hit Preview to see them in action.

4. Best Practices for Text Over Image Backgrounds

If you’re adding text on top of an image or video, make sure it’s readable! Here’s how to keep it clean:

• Avoid busy backgrounds. Use simple, minimal images.
• Add a dark color overlay behind the background (with opacity 40-70%).
• Use contrasting colors. Light text over dark backgrounds and vice versa.