Documentation is work in progress and not completeEditor
Make sure you are in a supported browser
ChromeChrome
EdgeEdge
Opera / Opera GXOpera / Opera GX
SafariSafari
BraveBrave
FirefoxFirefox
PerplexityPerplexity
DuckDuckGoDuckDuckGo
TorTor

Canvas background color does not change

The canvas background is a project setting rather than an element. It is not selectable on the canvas, does not appear in the Layer Panel, and cannot be keyframed. If you are trying to click it, that is why nothing happens.

Symptoms

If one or more of these match what you are seeing, you are on the right page.

  • •Clicking the background selects nothing
  • •The background does not appear in the Layer Panel
  • •The background cannot be keyframed in Animate mode
  • •A checkerboard pattern appears instead of a color

Causes and fixes

Ordered from most to least likely. Work down the list — each cause is paired with what to do about it.

  1. 1

    You are trying to select the background on the canvas.

    Set it in Canvas & Project Setup instead, where the background can be a solid color, a gradient, or Transparent.

  2. 2

    The background is set to Transparent.

    The checkerboard indicates transparency and is a display aid only — it never appears in an export. Switch the background to Solid color if you want an opaque result, or keep Transparent and export to PNG or WebM with alpha.

  3. 3

    You need the background to animate.

    The background cannot be animated directly. Place a rectangle the size of the canvas on the bottom-most layer and animate its material properties — that gives you the full fill, gradient and blend mode system on a background.

  4. 4

    You are changing the default rather than this project.

    Default Canvas Color in Preferences applies to new projects only. Change the current project in Canvas & Project Setup.

Still stuck?

If none of the causes above match, contact support with the steps to reproduce the problem, your browser and version, and any message from the browser console. You can reach us at support@flashfx.app.

Contact Support