Pricing Learn About Contacts

Change fill

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

  • Solid colour 2,
  • Linear gradient 3,
  • Radial gradient 4,
  • An Image 5,
  • or keep it Transparent 1.

To fill with Solid colour:

  1. Choose the Solid colour 2 Fill type.
  2. Click on the Colour button 6 and choose the colour on the Palette by clicking on the hue or shade you would like to use. You can also set the specific colour 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 colours on the Palette by clicking on the hue the and shade you would like to use. You can also set the specific colours 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 colours on the Palette by clicking on hue the and shade you would like. You can also set the specific colours 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 the 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.

Leave a comment

Your email address will not be published. Required fields are marked *

Can’t find your answer?

Contact us and we’ll get back to you as soon as we can.
Contact us
Viewst Workspace - Hit deadlines, scale content & boost creative production | Product Hunt