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 |