This shortcodes allows you to create a wrapper for the centerline element content. The centerline element depends on a centered image which can be uploded via this tab.

This Tabs allows you to define the default pointer settings which will be applied to all history content unless the centerpoints contents specify overriding settings.

This Tabs allows you to define grid size for the center points wrapper, the grid system is using the bootstrap grid rules.

[centerline
  class="some class"
  id="someid"
  image_attachmentid="the wp attachment id to serve as the center image"
  image_size="the size for center image"
  image_position="the position of the image"
  image_style="the style for the image"
  border_color="the border color for the image"
  image_grids___columns___mobile="X"
  image_grids___columns___tablet="X"
  image_grids___columns___small="X"
  image_grids___columns___large="X"
  image_grids___offset___mobile="X"
  image_grids___offset___tablet="X"
  image_grids___offset___small="X"
  image_grids___offset___large="X"
  image_grids___push___mobile="X"
  image_grids___push___tablet="X"
  image_grids___push___small="X"
  image_grids___push___large="X"
  image_grids___pull___mobile="X"
  image_grids___pull___tablet="X"
  image_grids___pull___small="X"
  image_grids___pull___large="X"
  data___circle_start="x"
  data___circle_end="X"
  data___circle_opaque="X"
  data___circle_opacity="X"
  data___line_color="X"
  data___line_width="X"
  data___line_type="X"
  data___dot_color="X"
]

  [centerlineinner
    id="x"
    class="class_one class_two"
    position="left|right|top|bottom"
    linecolor="the color for the line"
    dotcolor="the color for the dotted end"
    mobile="X" tablet="X" small="X" large="X"
    mobile_offset="X" tablet_offset="X" small_offset="X" large_offset="X"
    mobile_push="X" tablet_push="X" small_push="X" large_push="X"
    mobile_pull="X" tablet_pull="X" small_pull="X" large_pull="X"
    data___circle_start="3"
    data___circle_end="4"
    data___circle_opaque="10"
    data___circle_opacity="0.6"
    data___line_color= "#158FBF"
    data___line_width="1"
    data___line_type= "round"
    data___dot_color= "#158FBF"
    data___position_start= "center"
    data___position_end= "top"
    data___offset_control_x="0"
    data___offset_control_y="100"
    data___offset_start_x="0"
    data___offset_start_y="0"
    data___offset_end_x="0"
    data___offset_end_y="0"
  ]

    some content for the inner shortcodes allowed

  [/centerlineinner]

[/centerline]

          
          

This shortcode will create the inner content for the centerline wrapper and should only be used inside the centerline wrapper. In the grid tabs you can configure the grid size for the inner content size and also position the inner content using the offset, push and pull grid system.

This tabs will allows you to configure the individual point and line related to the inner content, this setting will override the setting configured in the centerline wrapper.

[centerlineinner
    id="x"
    class="class_one class_two"
    position="left|right|top|bottom"
    linecolor="the color for the line"
    dotcolor="the color for the dotted end"
    mobile="X" tablet="X" small="X" large="X"
    mobile_offset="X" tablet_offset="X" small_offset="X" large_offset="X"
    mobile_push="X" tablet_push="X" small_push="X" large_push="X"
    mobile_pull="X" tablet_pull="X" small_pull="X" large_pull="X"
    data___circle_start="3"
    data___circle_end="4"
    data___circle_opaque="10"
    data___circle_opacity="0.6"
    data___line_color= "#158FBF"
    data___line_width="1"
    data___line_type= "round"
    data___dot_color= "#158FBF"
    data___position_start= "center"
    data___position_end= "top"
    data___offset_control_x="0"
    data___offset_control_y="100"
    data___offset_start_x="0"
    data___offset_start_y="0"
    data___offset_end_x="0"
    data___offset_end_y="0"
]

    some content for the inner shortcodes allowed

[/centerlineinner]
          
          

Plugin by default will use the default VisualComposer CSS Rules for the grid system to ensure maximum compatibility with different kind of themes.

The VisualComposer Grid css covers these rules :

• vc_col-{xs|sm|md|lg}-{size}
• vc_col-{xs|sm|md|lg}-offset-{size}
• vc_col-{xs|sm|md|lg}-push-{size}
• vc_col-{xs|sm|md|lg}-pull-{size}
• vc_col-{xs|sm|md|lg}-offset-{size}
• vc_hidden-{xs|sm|md|lg}
• vc_visible-{xs|sm|md|lg}
• vc_push-{left|right}
• vc_txt_align_{left|center|right}

If your theme is capable to use bootstrap or you want to force to use bootstrap grid rules instead, please invoke these function in your theme functions.php

// Force to load victheme_core bootstrap access,
// only use this if your theme doesn't have bootstrap asset loaded
// and you want to force plugin to load bootstrap asset.
add_theme_support('load_core_bootstrap');

// Notify plugin that your theme is bootstrap compatible and has load bootstrap asset
// Only use this if your theme is bootstrap compatible and it has loaded bootstrap css assets.
add_theme_support('bootstrap');
          

Thank you for the plugins authors that made this theme possible

• Javascript

  • Point connector - Victheme Teams