Image Settings


Image Setup

  • Image Type: (button-2) Traditional Image or Background Image
    • Default: [true, false]
  • Image: (select) The image to display from the saved images
    • Default: Square Thumbnail
    • Possible Values:
      • Original Image
      • Thumbnail
      • Square Thumbnail
  • Link to Post?: (checkbox) Make the image link to the blog post
    • Default: true

  • Default Image: (image) Default image that will be used when a blog post does not have any images
    • Default:
  • Default Alt: (input) Default image alt tag
    • Enable: When Image Type is set to true
    • Default:

Image Styles

  • Sizing: (button-4) Sizing Logic for the images
    • Enable: When Image Type is set to true
    • Default: [true, false, false, false]
  • Width: (number) The width of the image
    • Enable: When Sizing is set to true
    • Default: 300px
    • Min Value: 0px
    • Max Value: 3000px
  • Height: (number) The height of the image
    • Enable: When Sizing is set to true
    • Default: 300px
    • Min Value: 0px
    • Max Value: 3000px
  • Height: (slider) The height of the image container
    • Enable: When Image Type is set to true
    • Default: 200
    • Min Value: 100
    • Max Value: 500

  • 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 Image? (Must use Square): (checkbox) Make the image a circle. You must be using a square image
    • Enable: When Image Type is set to true
    • Default: false

  • Padding: (slider) The padding around the post
    • Enable: When ** is set to false
    • Default: 0px
    • Min Value: 0px
    • Max Value: 20px
  • 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

  • Hover Animate: (button-4) Animate image on hover.
    • Default: [false, false, false, false]
  • Effects: (number-2) The effect parameters
    • Enable: When Hover Animate is set to true
    • Default: [1.3, 0]
    • Min Value:
    • Max Value:
  • Effects: (number-2) The effect parameters
    • Enable: When Hover Animate is set to true
    • Default: [1.3, 0]
    • Min Value:
    • Max Value:
  • Blur: (number) The size of the blur on the image
    • Enable: When Hover Animate is set to true
    • Default: 10px
    • Min Value: 0px
    • Max Value: px
  • Shadow Size: (number) The size of the shadow
    • Enable: When Hover Animate is set to true
    • Default: 200px
    • Min Value: 0px
    • Max Value: px
  • Shadow Color: (color) The color of the shadow
    • Enable: When Hover Animate is set to true
    • Allows Opacity: true

Slideshow Setup

  • Slideshow Effect: (select) The size of image to display in the blog.
    • Default: Fade
    • Possible Values:
      • Fade
      • Slide
  • Show Slideshow Nav?: (checkbox) Show the slideshow navigation (when slideshow is in use)
    • Default: true
  • Nav Colors: (color-2) The colors for the slideshow navigation
    • Enable: When Show Slideshow Nav? is set to true
    • Allows Opacity: true