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