To create a banner with a colored background or gradient, click on the PLUS button to open the element chooser.

Select the BANNER element.


Select the desired settings:

  • Type:

    • Banner type: Color

    • Color type:

      • Color: if you want a uniform color background

        • Background color: choose the desired color

      • Gradient: If you want a gradient color background


  • Banner size:

    • Height: select the desired screen height that the image should occupy

    • Width: Full width (full screen width) / Wrap (page content width)

    • Shadow: Turn this option on if you want to add a shadow to the image

    • Round corners: if you want to add rounded edges to the image, turn on this option and enter the desired roundness.


  • Content (C):

    • Text: enter and format the desired text that will appear on the image

    • Text box width: select the text width


  • Buttons (B):

    • Button #1: If you want to add a button, turn this option on

      • Button #1 text: enter the desired text

      • Button #1 link: add the desired link

    • Button #2: If you want to add an additional button, turn this option on

      • Button #2 text: enter the desired text

      • Button #2 link: add the desired link

    • Button style: Default (button in the color of the website settings) / Dark (dark color) / Light (light color) / Ghost Dark (dark border) / Ghost Light (light border) / Custom (choose the desired color of the button and text)

    • Button size: Normal / Small / Large


  • C + B position: position of content and buttons

    • Vertical position: Center / Top / Bottom

    • Horizontal position: Center (central alignment) / Left (left alignment) / Right (right alignment)

    • Buttons alignment: Center (central alignment) / Left (left alignment) / Right (right alignment)

Did this answer your question?