Fluid Image Box Settings


Fluid Image Box - Image Setup

  • Min Width: (number) The minimum width that the image will be scaled down to.
    • Default: 50px
    • Min Value: 0px
    • Max Value: 2000px
  • Max Scale: (select) How big will the image scale to
    • Default: Image Width
    • Possible Values:
      • Unlimited
      • Image Width
      • Define Max Width
  • Max Width: (number) The maximum width that the image will be scaled down to.
    • Enable: When Max Scale is set to define_max
    • Default: 800px
    • Min Value: 0px
    • Max Value: 2000px
  • Force Responsive Styling?: (checkbox) This will use !important to override all other possible size styles on the image that could be coming from the theme or other add-ons.
    • Default: false

Fluid Image - CSS Styling

  • Border Style: (select) How the border will react to your site.

    • Default: Responsive
    • Possible Values:
      • Fixed Width
      • Responsive
  • Border Size: (slider) The border size.

    • Enable: When Border Style is set to px
    • Default: 0px
    • Min Value: 0px
    • Max Value: 10px
  • Border Size: (slider) The border size.

    • Enable: When Border Style is set to %
    • Default: 0%
    • Min Value: 0%
    • Max Value: 3%
  • Border Color: (color) The color of the border

    • Allows Opacity: false
  • Detailed Radius?: (checkbox) Define radius for each corner individually

    • Default: false
  • Border Radius: (slider) Corner Radius

    • Enable: When Detailed Radius? is set to false
    • Default: 0px
    • Min Value: 0px
    • Max Value: 30px
  • Top L Radius: (slider) Top Left Corner Radius

    • Enable: When Detailed Radius? is set to true
    • Default: 0px
    • Min Value: 0px
    • Max Value: 30px
  • Top R Radius: (slider) Top Right Corner Radius

    • Enable: When Detailed Radius? is set to true
    • Default: 0px
    • Min Value: 0px
    • Max Value: 30px
  • Bottom L Radius: (slider) Bottom Left Corner Radius

    • Enable: When Detailed Radius? is set to true
    • Default: 0px
    • Min Value: 0px
    • Max Value: 30px
  • Bottom R Radius: (slider) Bottom Right Corner Radius

    • Enable: When Detailed Radius? is set to true
    • Default: 0px
    • Min Value: 0px
    • Max Value: 30px
  • Shadow: (color) The color of the drop shadow

    • Allows Opacity: false
  • Shadow X-Pos: (slider) The horizontal positioning of the shadow.

    • Default: 0px
    • Min Value: -30px
    • Max Value: 30px
  • Shadow Y-Pos: (slider) The vertical positioning of the shadow.

    • Default: 0px
    • Min Value: -30px
    • Max Value: 30px
  • Shadow Size: (slider)

    • Default: 0px
    • Min Value: 0px
    • Max Value: 30px
  • Shadow on Hover Only: (checkbox)

    • Default: false
  • Load Transition: (select) The page load transition for the image

    • Default: None
    • Possible Values:
      • None
      • Linear
      • Ease
      • Ease In
      • Ease Out
      • Ease In/Out
  • Timing: (number) The timing for the transition

    • Default: 1s
    • Min Value: 0s
    • Max Value: 100s

Deal of the Week

Latest Updates

Latest Live Stream

Foundation 6.19 Update - Hosted Fonts and More

Latest Design

Subscribe

For product releases and updates by email, please subscribe below.

© 2025 Weavers Space | Terms of Service | Privacy Policy

HelpShelfHelpShelf