Design Options & Effect Options

DESIGN OPTIONS.

Design Options Tab in Visual Composer.

If a shortcode has DESIGN OPTIONS in parameters, it has all settings below:
  • id – string – Shortcode ID.
    NOTE: ID must be unique. If you leave empty, ID will be generated automatically. If you copy or clone shortcode, make sure you change the shortcode ID after that.
  • extra_class – string –  Custom CSS Class.
  • container – 1/0 (true/false) – Is boxed or full-width. Default is 1
  • padding – mixed – Padding of block. Default is ‘0 0 0 0’
  • margin – mixed – Margin of block. Default is ‘0 0 0 0’ (px)
  • no-gutter – 1/0 (true/false)  – Is having gutter (left, right padding) or not
  • background-color – hexa color
  • background-image – mixed – URL or Attachment ID of background image
  • parallax – 1/0 (true/false)  – Apply parallax effect for background
  • aos  – select – Name of come-in animation.
  • aos-delay – int – Number of milliseconds before showing up
  • aos-offset –int – Minimum distance (in pixels) from Top Edge of element to Viewport Bottom before animation happens
  • aos-duration – int – Duration of animation, in milliseconds
  • aos-easing – select – Choose Easing Effect
  • aos-once  – select – Choose only animate once or infinite

EFFECT OPTIONS:

Effect Options Tab in Visual Composer.

 If a shortcode has EFFECT OPTIONS in parameters, it has AOS properties : aos, aos-delay, aos-offset,aos-duration, aos-easing, aos-once

  • aos – select: Come-in effect. Name of Come-in Effect.
    • none
    • fade
    • fade-up
    • fade-down
    • fade-left
    • fade-right
    • fade-up-right
    • fade-up-left
    • fade-down-right
    • fade-down-left
    • flip-up
    • flip-down
    • flip-left
    • flip-right
    • slide-up
    • slide-down
    • slide-left
    • slide-right
    • zoom-in
    • zoom-in-up
    • zoom-in-down
    • zoom-in-left
    • zoom-in-right
    • zoom-out
    • zoom-out-up
    • zoom-out-down
    • zoom-out-left
    • zoom-out-right
  • aos-delay – int: Number of milliseconds before showing up
  • aos-offset – int: Minimum distance (in pixels) from Top Edge of element to Viewport Bottom before animation happens
  • aos-duration – int: Duration of animation, in milliseconds
  • aos-easing – select: Choose Easing Effect
    • none
    • linear
    • ease
    • ease-in
    • ease-out
    • ease-in-out
    • ease-in-back
    • ease-out-back
    • ease-in-out-back
    • ease-in-sine
    • ease-out-sine
    • ease-in-out-sine
    • ease-in-quad
    • ease-out-quad
    • ease-in-out-quad
    • ease-in-cubic
    • ease-out-cubic
    • ease-in-out-cubic
    • ease-in-quart
    • ease-out-quart
    • ease-in-out-quart
  • aos-once – select: Animation Loop. Choose only animate once or infinite.
    • Once
    • Infinite