Logo
Logo

Image Box

  • Layout – Layout (Type: section)
    • Align – Layout > Align (Type: button_bar)
    • Vertical Align – Layout > Vertical Align (Type: button_bar)
    • Gap – Layout > Gap (Type: unit)
    • Horizontal – Layout > Horizontal (Type: section)
      • Align – Layout > Horizontal > Align (Type: dropdown)
      • Vertical Align – Layout > Horizontal > Vertical Align (Type: dropdown)
      • Vertical At – Layout > Horizontal > Vertical At (Type: breakpoint_dropdown)
  • Background – Background (Type: section)
    • Color – Background > Color (Type: color)
    • Type – Background > Type (Type: button_bar)
    • Image – Background > Image (Type: wpmedia) (this control is only available when: {“path”:”design.background.type”,”operand”:”equals”,”value”:”image”})
    • Image Size – Background > Image Size (Type: media_size_dropdown) (this control is only available when: {“path”:”design.background.type”,”operand”:”equals”,”value”:”image”})
    • Image Settings – Background > Image Settings (Type: section) (this control is only available when: {“path”:”design.background.type”,”operand”:”equals”,”value”:”image”})
      • Size – Background > Image Settings > Size (Type: dropdown)
      • Width – Background > Image Settings > Width (Type: unit) (this control is only available when: {“path”:”design.background.image_settings.size”,”operand”:”equals”,”value”:”custom”})
      • Height – Background > Image Settings > Height (Type: unit) (this control is only available when: {“path”:”design.background.image_settings.size”,”operand”:”equals”,”value”:”custom”})
      • Repeat – Background > Image Settings > Repeat (Type: dropdown)
      • Position – Background > Image Settings > Position (Type: dropdown)
      • Custom Position – Background > Image Settings > Custom Position (Type: focus_point) (this control is only available when: {“path”:”design.background.image_settings.position”,”operand”:”equals”,”value”:”custom”})
      • Attachment – Background > Image Settings > Attachment (Type: dropdown)
      • Unset Image At – Background > Image Settings > Unset Image At (Type: breakpoint_dropdown)
    • Gradient – Background > Gradient (Type: color) (this control is only available when: {“path”:”design.background.type”,”operand”:”equals”,”value”:”gradient”})
    • Gradient Animation – Background > Gradient Animation (Type: section) (this control is only available when: {“path”:”design.background.type”,”operand”:”equals”,”value”:”gradient”})
      • Scale – Background > Gradient Animation > Scale (Type: unit)
      • Speed – Background > Gradient Animation > Speed (Type: unit)
    • Video – Background > Video (Type: video) (this control is only available when: {“path”:”design.background.type”,”operand”:”equals”,”value”:”video”})
    • Video Settings – Background > Video Settings (Type: section) (this control is only available when: {“path”:”design.background.type”,”operand”:”equals”,”value”:”video”})
      • Fallback Image – Background > Video Settings > Fallback Image (Type: wpmedia)
      • Play On Mobile – Background > Video Settings > Play On Mobile (Type: toggle)
      • No Loop – Background > Video Settings > No Loop (Type: toggle)
      • Pause When Out Of View – Background > Video Settings > Pause When Out Of View (Type: toggle)
      • YouTube Privacy Mode – Background > Video Settings > YouTube Privacy Mode (Type: toggle) (this control is only available when: {“path”:”design.background.video.url”,”operand”:”contains”,”value”:”youtube.com”})
      • Start Time – Background > Video Settings > Start Time (Type: number)
      • End Time – Background > Video Settings > End Time (Type: number)
      • Zoom – Background > Video Settings > Zoom (Type: unit)
      • Offset Y – Background > Video Settings > Offset Y (Type: unit)
      • Offset X – Background > Video Settings > Offset X (Type: unit)
    • Slideshow – Background > Slideshow (Type: repeater) (this control is only available when: {“path”:”design.background.type”,”operand”:”equals”,”value”:”slideshow”})
      • Image – Background > Slideshow > Image (Type: wpmedia)
    • Slideshow Settings – Background > Slideshow Settings (Type: section) (this control is only available when: {“path”:”design.background.type”,”operand”:”equals”,”value”:”slideshow”})
      • Slide Duration – Background > Slideshow Settings > Slide Duration (Type: unit)
      • Transition Effect – Background > Slideshow Settings > Transition Effect (Type: dropdown)
      • Effect Duration – Background > Slideshow Settings > Effect Duration (Type: unit)
      • Slide Direction – Background > Slideshow Settings > Slide Direction (Type: dropdown) (this control is only available when: {“path”:”design.background.slideshow_settings.transition_effect”,”operand”:”equals”,”value”:”slide”})
      • Ken Burns – Background > Slideshow Settings > Ken Burns (Type: dropdown) (this control is only available when: {“path”:”design.background.slideshow_settings.transition_effect”,”operand”:”equals”,”value”:”fade”})
      • Zoom – Background > Slideshow Settings > Zoom (Type: number) (this control is only available when: {“path”:”design.background.slideshow_settings.ken_burns”,”operand”:”is set”,”value”:null})
      • Origin – Background > Slideshow Settings > Origin (Type: unit) (this control is only available when: {“path”:”design.background.slideshow_settings.ken_burns”,”operand”:”is set”,”value”:null})
      • Play Only Once – Background > Slideshow Settings > Play Only Once (Type: toggle)
    • Overlay – Background > Overlay (Type: section)
      • Color – Background > Overlay > Color (Type: color)
      • Type – Background > Overlay > Type (Type: button_bar)
      • Image – Background > Overlay > Image (Type: wpmedia) (this control is only available when: {“path”:”design.background.overlay.type”,”operand”:”equals”,”value”:”image”})
      • Image Size – Background > Overlay > Image Size (Type: media_size_dropdown) (this control is only available when: {“path”:”design.background.overlay.type”,”operand”:”equals”,”value”:”image”})
      • Image Settings – Background > Overlay > Image Settings (Type: section) (this control is only available when: {“path”:”design.background.overlay.type”,”operand”:”equals”,”value”:”image”})
        • Size – Background > Overlay > Image Settings > Size (Type: dropdown)
        • Width – Background > Overlay > Image Settings > Width (Type: unit) (this control is only available when: {“path”:”design.background.overlay.image_settings.size”,”operand”:”equals”,”value”:”custom”})
        • Height – Background > Overlay > Image Settings > Height (Type: unit) (this control is only available when: {“path”:”design.background.overlay.image_settings.size”,”operand”:”equals”,”value”:”custom”})
        • Repeat – Background > Overlay > Image Settings > Repeat (Type: dropdown)
        • Position – Background > Overlay > Image Settings > Position (Type: dropdown)
        • Custom Position – Background > Overlay > Image Settings > Custom Position (Type: focus_point) (this control is only available when: {“path”:”design.background.overlay.image_settings.position”,”operand”:”equals”,”value”:”custom”})
        • Attachment – Background > Overlay > Image Settings > Attachment (Type: dropdown)
        • Unset Image At – Background > Overlay > Image Settings > Unset Image At (Type: breakpoint_dropdown)
      • Gradient – Background > Overlay > Gradient (Type: color) (this control is only available when: {“path”:”design.background.overlay.type”,”operand”:”equals”,”value”:”gradient”})
      • Gradient Animation – Background > Overlay > Gradient Animation (Type: section) (this control is only available when: {“path”:”design.background.overlay.type”,”operand”:”equals”,”value”:”gradient”})
        • Scale – Background > Overlay > Gradient Animation > Scale (Type: unit)
        • Speed – Background > Overlay > Gradient Animation > Speed (Type: unit)
      • Opacity – Background > Overlay > Opacity (Type: number)
      • Effects – Background > Overlay > Effects (Type: section)
        • Filter – Background > Overlay > Effects > Filter (Type: section)
          • Filter Items – Background > Overlay > Effects > Filter > Filter Items (Type: repeater)
            • Type – Background > Overlay > Effects > Filter > Filter Items > Type (Type: dropdown)
            • Blur Amount – Background > Overlay > Effects > Filter > Filter Items > Blur Amount (Type: unit) (this control is only available when: {“path”:”%CURRENTPATH%.type”,”operand”:”equals”,”value”:”blur”})
            • Amount – Background > Overlay > Effects > Filter > Filter Items > Amount (Type: unit) (this control is only available when: {“path”:”%CURRENTPATH%.type”,”operand”:”is one of”,”value”:[“brightness”,”contrast”,”grayscale”,”invert”,”saturate”,”sepia”]})
            • Rotate – Background > Overlay > Effects > Filter > Filter Items > Rotate (Type: unit) (this control is only available when: {“path”:”%CURRENTPATH%.type”,”operand”:”equals”,”value”:”hue-rotate”})
        • Blend Mode – Background > Overlay > Effects > Blend Mode (Type: dropdown)
    • Transition Duration – Background > Transition Duration (Type: unit)
  • Text Colors – Text Colors (Type: section) (this control is only available when: [[{“path”:”design.text_colors”,”operand”:”is set”,”value”:””}]])
    • Headings – Text Colors > Headings (Type: color)
    • Text – Text Colors > Text (Type: color)
    • Link – Text Colors > Link (Type: color)
    • Brand – Text Colors > Brand (Type: color)
  • Size – Size (Type: section)
    • Height – Size > Height (Type: dropdown)
    • Custom Height – Size > Custom Height (Type: unit) (this control is only available when: {“path”:”design.size.height”,”operand”:”equals”,”value”:”custom”})
    • Min Height – Size > Min Height (Type: unit) (this control is only available when: {“path”:”design.size.height”,”operand”:”equals”,”value”:”custom”})
    • Width – Size > Width (Type: dropdown)
    • Container Width – Size > Container Width (Type: unit) (this control is only available when: {“path”:”design.size.width”,”operand”:”equals”,”value”:”custom”})
  • Spacing – Spacing (Type: section)
    • Padding – Spacing > Padding (Type: spacing_complex)
    • Margin Top – Spacing > Margin Top (Type: unit)
    • Margin Bottom – Spacing > Margin Bottom (Type: unit)
  • Dividers – Dividers (Type: section)
    • Shape Dividers – Dividers > Shape Dividers (Type: section)
      • Shape Dividers – Dividers > Shape Dividers > Shape Dividers (Type: repeater)
        • Shape – Dividers > Shape Dividers > Shape Dividers > Shape (Type: dropdown)
        • Custom Shape – Dividers > Shape Dividers > Shape Dividers > Custom Shape (Type: text) (this control is only available when: {“path”:”%CURRENTPATH%.shape”,”operand”:”equals”,”value”:”custom”})
        • Color – Dividers > Shape Dividers > Shape Dividers > Color (Type: color)
        • Flip Horizontally – Dividers > Shape Dividers > Shape Dividers > Flip Horizontally (Type: button_bar)
        • Position – Dividers > Shape Dividers > Shape Dividers > Position (Type: button_bar)
        • Width – Dividers > Shape Dividers > Shape Dividers > Width (Type: unit)
        • Height – Dividers > Shape Dividers > Shape Dividers > Height (Type: unit)
        • Display in front of content – Dividers > Shape Dividers > Shape Dividers > Display in front of content (Type: toggle)
  • Borders – Borders (Type: section)
    • Radius – Borders > Radius (Type: border_radius)
    • Styling – Borders > Styling (Type: border_complex)
    • Shadow – Borders > Shadow (Type: shadow)