Impact Controls Settings


  • Enable: (button-2) Turn on and off the pagination dors and the navigation arrows
    • Default: [false, false]

  • Show Dots: (button-2) Choose to show the navigations dots only when Impact is hovered or always
    • Enable: When Enable is set to true
    • Default: [false, true]
  • Dot: (color-4) Style the background, hover background, arrow and border with opacity colors
    • Enable: When Enable is set to true
    • Allows Opacity: true
  • Active Dot: (color-4) Style the background, hover background, arrow and border with opacity colors
    • Enable: When Enable is set to true
    • Allows Opacity: true
  • Slide Numbers: (color-2) Adds slide number inside the dots. Set to opaciity 0 to hide these numbers
    • Enable: When Enable is set to true
    • Allows Opacity: true
  • Dot Size: (number) The size of the pagination dots in pixels
    • Enable: When Enable is set to true
    • Default: 25px
    • Min Value: 6px
    • Max Value: 30px
  • Position: (number) The distance from the bottom of the screen in pixels
    • Enable: When Enable is set to true
    • Default: 15px
    • Min Value: 0px
    • Max Value: 300px
  • Relative to: (select) Position the nav dots at the top or bottom of the screen.
    • Enable: When Enable is set to true
    • Default: Bottom
    • Possible Values:
      • Bottom
      • Top

  • Show Arrows: (button-2) Choose to show the navigations arrows only when Impact is hovered or always
    • Enable: When Enable is set to true
    • Default: [false, true]
  • Icon: (select) The icon to be used for the left and right slide navigation
    • Enable: When Enable is set to true
    • Default: Angle
    • Possible Values:
      • Angle
      • Chevron
      • Chevron Cricle
      • Arrow
      • Arrow Circle
      • Arrow Circle-O
      • Caret
      • Caret Square
      • Step
      • Hand
  • Color: (color) The color of the left and right navigation arrows
    • Enable: When Enable is set to true
    • Allows Opacity: true
  • Position: (number) The position of the navigation arrows as a perentage of the browser height
    • Enable: When Enable is set to true
    • Default: 46%
    • Min Value: 0%
    • Max Value: 100%
  • Offset from side: (number) The distance in pixels from the edge of the browser window
    • Enable: When Enable is set to true
    • Default: 10px
    • Min Value: 0px
    • Max Value: 100px
  • Tablet+ Size: (number) The size of the arrows on tablets and larger screens
    • Enable: When Enable is set to true
    • Default: 4rem
    • Min Value: 1rem
    • Max Value: 6rem
  • Mobile Size: (number) The size of the arrows on mobile and small screens
    • Enable: When Enable is set to true
    • Default: 1.8rem
    • Min Value: 0rem
    • Max Value: 3rem