Glass Settings


  • Padding: (slider) Responsive padding for the stack
    • Default: 0%
    • Min Value: 0%
    • Max Value: 50%

  • Border: (color) The border color
    • Allows Opacity: false
  • Opacity: (number) Apply an opacity to the colored border
    • Default: 100%
    • Min Value: 0%
    • Max Value: 100%
  • Size: (slider) Border width for the stack
    • Default: 0px
    • Min Value: 0px
    • Max Value: 20px
  • Round Corners: (slider) Round corners for the stack
    • Default: 0px
    • Min Value: 0px
    • Max Value: 20px

  • Background: (select) The type of background
    • Default: Solid Color
    • Possible Values:
      • Image: Use an image for the background
      • Solid Color: Solid color background
      • Gradient: Gradient color pattern background
  • Opacity: (number) The opacity percentage for the background
    • Default: 50%
    • Min Value: 0%
    • Max Value: 100%
  • Color: (color) The background color
    • Enable: When Background is set to bg-color
    • Allows Opacity: false
  • Gradient Style: (select) The style of gradient to use
    • Enable: When Background is set to bg-gradient
    • Default: Linear
    • Possible Values:
      • Linear
      • Radial Circle
      • Radial Ellipse
  • Gradient Theme: (select) The theme of gradient to use
    • Enable: When Background is set to bg-gradient
    • Default: Two Color
    • Possible Values:
      • —- One Color Gradients —-
      • Simple One Color
      • Two Tone
      • —- Two Color Gradients —-
      • Two Color
  • Color 1: (color) Color 1 of the gradient
    • Enable: When Background is set to bg-gradient
    • Allows Opacity: false
  • Color 2: (color) Color 2 of the gradient
    • Enable: When Background is set to bg-gradient
    • Allows Opacity: false
  • Linear To: (select) The direction of the linear gradient. This setting is only used if the Linear style is used.
    • Enable: When Background is set to bg-gradient
    • Default: Bottom
    • Possible Values:
      • Bottom
      • Top
      • Left
      • Right
      • Top Left
      • Top Right
      • Bottom Left
      • Bottom Right
  • Radial Origin X: (number) The horizontal origin of the radial gradient circle. This setting is only used if the Radial style is used.
    • Enable: When Background is set to bg-gradient
    • Default: 50%
    • Min Value: 0%
    • Max Value: 100%
  • Radial Origin Y: (number) The vertical origin of the radial gradient circle. This setting is only used if the Radial style is used.
    • Enable: When Background is set to bg-gradient
    • Default: 50%
    • Min Value: 0%
    • Max Value: 100%
  • Mobile (Required): (image) The image used for the background on Mobile devices. You must add an image to this setting. This image will be used if you do not specify an image for larger devices.
    • Enable: When Background is set to bg-image
    • Default:
  • **Large (Optional) **: (image) The image used for the background on devices Tablet and Desktop. If you do not specifiy an image here, the Mobile image will be used
    • Enable: When Background is set to bg-image
    • Default:
  • Warehouse Image?: (checkbox) Use a warehoused image for the background image
    • Enable: When Background is set to bg-image
    • Default: false
  • Mobile (Required): (link) The url to the image used for the background on Mobile devices. You must add an image to this setting. This image will be used if you do not specify an image for larger devices.
    • Enable: When Warehouse Image? is set to true
    • Default:
  • Large (Optional): (link) The url to the image used for the background on devices Tablet and Desktop. If you do not specifiy an image here, the Mobile image will be used
    • Enable: When Warehouse Image? is set to true
    • Default: