🩸 Change fill

You can fill the banner background, shape, or button with:

  • Solid color 2,

  • Linear gradient 3,

  • Radial gradient 4,

  • An Image 5,

  • or keep it Transparent 1.

To fill with Solid color

  1. Choose the Solid color 2 Fill type.

  2. Click on the Colour button 6 and choose the color on the Palette by clicking on the hue or shade you would like to use. You can also set the specific color using hex, RGB or HSL codes.

To fill with Linear gradient

  1. Choose the Linear gradient 3 Fill type.

  2. Click on the Colour 1 and Colour 2 buttons 7 and choose the colors on the Palette by clicking on the hue and shade you would like to use. You can also set the specific colors using hex, RGB or HSL codes.

  3. Set the angle to rotate the gradient 8.

To fill with Radial gradient

  1. Choose the Radial gradient 4 Fill type.

  2. Click on the Colour 1 and Colour 2 buttons 9 and choose the colors on the Palette by clicking on hue the and shade you would like. You can also set the specific colors using hex, RGB or HSL codes.

To fill with an Image

  1. Choose the Image 5 Fill type.

  2. Click on the Choose image… button 10.

  3. Choose the image on panel 11 or upload your own.

  4. Set the Fill mode that suits the best 12.

    1. Fill fills the whole element with the image. The image’s proportions are maintained.

    2. Fit resizes the whole image to fit the element. It usually keeps spaces on the edges.

    3. Stretch fills the whole element but distorts the image.