Layout Settings


  • Background: (button-2) Add background color
    • Default: [false, false]
  • Color: (color) Background color
    • Enable: When Background is set to true
    • Allows Opacity: true
  • Image: (image) The image URL to the warehoused image
    • Enable: When Background is set to true
    • Default:
  • Image Position: (number-2) The background image position
    • Enable: When Background is set to true
    • Default: [50, 50]%
    • Min Value: 0%
    • Max Value: 100%
  • Image Tiling: (button-2) The background image repeat pattern. Warning: Background repeats have limited support, especially in Outlook
    • Enable: When Background is set to true
    • Default: [true, false]

  • Columns: (select) The column layout
    • Default: 1 Column
    • Possible Values:
      • 1 Column
      • 2 Column
  • Width: (select) The width of the 1 column layout
    • Enable: When Columns is set to 1
    • Default: Full Width
    • Possible Values:
      • Full Width
      • Scale to Content
  • Height: (select) The height of the 1 column layout
    • Enable: When Columns is set to 1
    • Default: Auto
    • Possible Values:
      • Auto
      • Fixed
      • Fixed + Auto Mobile
      • Full Height
  • Height: (number) The height of the layout
    • Enable: When Height is set to height-fixed
    • Default: 300px
    • Min Value: 0px
    • Max Value: 1000px
  • Height: (number) The height of the layout
    • Enable: When Height is set to height-auto-fixed
    • Default: 300px
    • Min Value: 0px
    • Max Value: 1000px
  • Position: (select) Float the column layout
    • Enable: When Columns is set to 1
    • Default: Default
    • Possible Values:
      • Default
      • Float Left
      • Float Right
      • Absolute Top
      • Absolute Bottom
      • Vertical Center
      • Overlap Top
      • Overlap Bottom
  • Overlap: (slider) The overlap of the laytout container
    • Enable: When Position is set to overlap
    • Default: 100px
    • Min Value: 0px
    • Max Value: 500px
  • Show on Hover?: (checkbox) Hide the layout until the blog post is hovered over
    • Default: false
  • Link to Post?: (checkbox) Turn the entire layout into a link. Just make sure that you disable links inside on anything inside this layout stack.

    • Default: false

    • Min Value: 0

    • Max Value: 100

    • Min Value: 0

    • Max Value: 100
  • Mobile: (number-2) The split for the columns on mobile
    • Enable: When Columns is set to 2
    • Default: [100, 0]
    • Min Value: 0
    • Max Value: 100
  • Tablet: (number-2) The split for the columns on tablet
    • Enable: When Columns is set to 2
    • Default: [50, 10]
    • Min Value: 0
    • Max Value: 100
  • Desktop: (number-2) The split for the columns on desktop
    • Enable: When Columns is set to 2
    • Default: [50, 10]
    • Min Value: 0
    • Max Value: 100

  • Border: (color) The color of the border
    • Allows Opacity: true
  • Border: (slider) The border width of each post
    • Enable: When ** is set to false
    • Default: 0px
    • Min Value: 0px
    • Max Value: 10px
  • Round Corners: (slider) The border radius of the post
    • Enable: When ** is set to false
    • Default: 0px
    • Min Value: 0px
    • Max Value: 10px
  • Border Size: (number-4) The size of the border
    • Enable: When ** is set to true
    • Default: [0, 0, 0, 0]px
    • Min Value: 0px
    • Max Value: 100px
  • Round Corners: (number-4) The size of the border
    • Enable: When ** is set to true
    • Default: [0, 0, 0, 0]px
    • Min Value: 0px
    • Max Value: 100px
  • Circle Layout? (Must use Square): (checkbox) Make the layout a circle. This only works best when the size of the layotu is a square.
    • Enable: When ** is set to true
    • Default: false

  • Padding: (slider) The padding around the post
    • Enable: When ** is set to false
    • Default: 16px
    • Min Value: 0px
    • Max Value: 40px
  • Padding: (number-4) Padding on the post
    • Enable: When ** is set to true
    • Default: [0, 0, 0, 0]px
    • Min Value: 0px
    • Max Value: 500px

  • Custom Class: (input) Add your own custom classes to the layout. You can then use the class to help target the layout element with your own CSS
    • Default:
  • Inline Style: (input) Add your own custom inline styles
    • Default: