Shortcodes / April 4, 2017

Memory Line Content Credits Memory Line Content

VISUALCOMPOSER - GENERAL TABS

This shortcode will create the inner content for the memory line wrapper and should only be used inside the memory line wrapper. The general tabs allows you to configure the color for title and text, extra css classes and id, the text string for the title heading, title and content css classes.

 

 

VISUALCOMPOSER - POINTS TABS

This tabs will allows you to configure the individual memory content elements.

 

 

Mark as new row

This settings is important for marking the element as a new row, without this configured properly the lines drawn by canvas element might not work properly

 

Dot Direction

This settings must be used properly like for example :
- Elements in row 1 = left
- Elements in row 2 = right
- Elements in row 3 = left
- Elements in row 4 = right


without proper alignment the lines drawn by canvas will be broken.

 

Dot Radius

This settings will be used as the dot size, specify number in pixels as the cicle radius size

 

Dot Offset X

This settings can be used to adjust the horizontal alignment of the individual dots for this element only. If not set the element will fallback to the default settings defined by the memoryline wrapper

 

Dot Offset Y

This settings can be used to adjust the vertical alignment of the individual dots for this element only. If not set the element will fallback to the default settings defined by the memoryline wrapper

 

Line Width

This settings can be used to adjust size of the line for this single element only, define number in pixels. If not set the element will fallback to the default settings defined by the memoryline wrapper

 

Line Type

This settings can be used to set the type of the line. If not set the element will fallback to the default settings defined by the memoryline wrapper

 

Line Color

This settings can be used to set the color of the line. If not set the element will fallback to the default settings defined by the memoryline wrapper

 

Dot Color

This settings can be used to define the color of the dot element.

 

VISUALCOMPOSER - GRID TABS

The settings used here will be used to format single content element grid wrapper, The grid system utilizes bootstrap grid system rule.

 

 

VISUALCOMPOSER - TITLE GRID TABS

The settings used here will be used to format the title element only, this is useful if you wanted to create a side by side title and content element

 

 

VISUALCOMPOSER - ELEMENT GRID TABS

The settings used here will be used to format the content element only, this is useful if you wanted to create a side by side title and content element

 

 

Shortcode Formats

The following format example can be invoked manually outside the VisualComposer to generate the element.

Note : Wordpress doesn't allow new line inside the shortcode, you must remove all new lines and replace them with space when using the shortcode.

[memorylineinner
  id="x"
  class="class_one class_two"
  titlecolor="the title color"
  titlecss="extra css class for the title element"
  textcolor="the text color"
  textcss="extra css class for the text element"
  title="the title text"
  data___dot_direction="x"
  data___dot_radius="x"
  data___dot_color="x"
  data___dot_offset_x="x"
  data___dot_offset_y="x"
  data___line_color="x"
  data___line_width="x"
  data___line_type="x"
  newrow="true|false"
]
          

 

Shortcodes Attributes

The shortcode above will accepts the following attributes.

 

 

Attributes Value Description
titlecolor color hex value Define the color for the title element
titlecss valid css class string separated by empty space Specify additional css class for the title element
textcolor color hex value Define the color for the text element
textcss valid css class string separated by empty space Specify additional css class for the text content element
title string String text used for the title element
data___dot_direction left|right The dot direction
data___dot_radius number Number in pixel to define the size of the dot element
data___dot_color color hex value the color of the dot element
data___dot_offset_x number Number in pixel to define horizontal offset of the dot element against the line
data___dot_offset_y number Number in pixel to define vertical offset of the dot element against the line
data___line_color color hex value The line color value
data___line_width number Number in pixel to define size of the line
data___line_type round|square|butt The type of line
newrow true|false This can be used to mark the element as the start of new row
class valid css class separated by empty space You can inject additional css class by specifing the valid css class separated by empty space
id valid css id You can define custom css id by specifying valid css / html id string

Related Product

Visual Line WordPress Timeline Plugin

VisualLine is a Timeline Collection for WordPress and works as an Add-ons for Visual Composer, there are six different plugins inside the pack. Available Features Integrated with WP Bakery Composer Responsive Vertical layout Horizontal layout 6 Different Timeline design Timeline using Post queries with any pos...
View Product

Related Documentation

Plugin Files

Plugin Files

  Check The Downloaded File Please check that the downloaded archive file must contain the same file as the image above and not corrupted.   Corrupted File If you have missing files or corrupted file, please redownload them again and if the problem persist, pleas...
Installing Plugin

Installing Plugin

  Upload Form Visit the uploader form in your site admin : http://example.com/wp-admin/theme-install.php?tab=upload to get WordPress plugin uploader form.   VicTheme Core Upload the victheme_core.zip first if you don't have VicTheme Core Plugin installed on your ...
Timeline Wrapper

Timeline Wrapper

VISUALCOMPOSER Timeline wrapper is the main shortcode for wrapping all of the timeline elements, in this shortcode you can define the layout of the element and the direction of the timeline alignment.   Shortcode Formats The following format example can be invoked manu...
Timeline End Element

Timeline End Element

VISUALCOMPOSER This shortcode will create a timeline end element, if using visual composer, it will create a wrapper that can be filled with any visual composer elements.   Shortcode Formats The following format example can be invoked manually outside the VisualCompose...
Timeline Events Element

Timeline Events Element

VISUALCOMPOSER This shortcode allows you to create the timeline events element, you can also specify which icons to use, the direction used to format the element position, specify the date, time, day and years of the timeline event and specify the css class and id to mark the el...
Timeline Major Element

Timeline Major Element

VISUALCOMPOSER This shortcode will build the timeline major marker, you can specify the content of the marker, the css class and id for the marker     Shortcode Formats The following format example can be invoked manually outside the VisualComposer to generate th...
Custom Skins

Custom Skins

You can override the default timeline skins cleanly by overriding the timeline-skins assets in your theme. Steps to override the timeline-skins assets : 1. Copy the victheme_timeline/assets/timeline-skins folder to your folder of choice. example /your-theme/templates 2. In your t...
Plugin Files

Plugin Files

  Check The Downloaded File Please check that the downloaded archive file must contain the same file as the image above and not corrupted.   Corrupted File If you have missing files or corrupted file, please redownload them again and if the problem persist, pleas...
Installing Plugin

Installing Plugin

  Upload Form Visit the uploader form in your site admin : http://example.com/wp-admin/theme-install.php?tab=upload to get WordPress plugin uploader form.   VicTheme Core Upload the victheme_core.zip first if you don't have VicTheme Core Plugin installed on your ...
Memory Line Wrapper

Memory Line Wrapper

VISUALCOMPOSER - GENERAL TABS This shortcodes allows you to create a wrapper for the memoryline content, in the general tabs, you can specify valid css class, valid css id and the css animation for the wrapper element.     VISUALCOMPOSER - POINTS TABS In the Poin...
Plugin Files

Plugin Files

  Check The Downloaded File Please check that the downloaded archive file must contain the same file as the image above and not corrupted. Corrupted File If you have missing files or corrupted file, please redownload them again and if the problem persis...
CenterLine Wrapper

CenterLine Wrapper

VISUALCOMPOSER - GENERAL TABS 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.       VISUALCOMPOSER - POINTER TABS This Tabs allows you t...
Plugin Files

Plugin Files

  Check The Downloaded File Please check that the downloaded archive file must contain the same file as the image above and not corrupted. Corrupted File If you have missing files or corrupted file, please redownload them again and if the problem persis...
Installing Plugin

Installing Plugin

This plugin should be installed as a normal WordPress would using WordPress Plugin Uploader.   WORDPRESS UPLOADER     Upload Form Visit the uploader form in your site admin : http://example.com/wp-admin/theme-install.php?tab=upload to get WordPress pl...
History Line Shortcode

History Line Shortcode

VISUALCOMPOSER - GENERAL TABS This shortcodes allows you to create a wrapper for the history element content. You can also specify whether to build the canvas point connector or not in this shortcode.   VISUALCOMPOSER - POINTER TABS This Tabs allows you to define the d...