{"id":1973,"date":"2015-07-22T12:05:45","date_gmt":"2015-07-22T12:05:45","guid":{"rendered":"http:\/\/demo.tokomoo.com\/lecrafts\/store\/?page_id=1973"},"modified":"2015-07-22T12:05:45","modified_gmt":"2015-07-22T12:05:45","slug":"shortcode","status":"publish","type":"page","link":"https:\/\/demo2.tokomoo.com\/lecrafts\/shortcode\/","title":{"rendered":"Shortcode"},"content":{"rendered":"<p>[vc_row][vc_column][vc_custom_heading text=&#8221;SHORTCODES&#8221; font_container=&#8221;tag:h2|font_size:30|text_align:center|color:%23000000|line_height:1.5&#8243; google_fonts=&#8221;font_family:Merriweather%3A300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:300%20light%20regular%3A300%3Anormal&#8221; css=&#8221;.vc_custom_1437721156003{margin-top: 50px !important;margin-bottom: 0px !important;}&#8221;][vc_column_text]<\/p>\n<p style=\"text-align: center;\"><em>Here\u00a0is the list of available shortcode for building better content appearance.<\/em><\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row el_id=&#8221;shortcode-accordion&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_custom_heading text=&#8221;ACCORDION&#8221; font_container=&#8221;tag:h2|font_size:28|text_align:left&#8221; google_fonts=&#8221;font_family:Merriweather%3A300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:300%20light%20regular%3A300%3Anormal&#8221;][vc_column_text]Create expandable content with Accordion Shortcode, This showtcode will create an accordion content that will be show\/hide when\u00a0its title getting clicked by user.[\/vc_column_text][\/vc_column][vc_column width=&#8221;3\/4&#8243;][vc_row_inner][vc_column_inner][vc_column_text]<div class=\"koo-one-third\"><div class=\"koo-accordion\"> <div class=\"koo-accordion-title\">Accordions One<\/div><div class=\"koo-accordion-inner\"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. <\/div> <div class=\"koo-accordion-title\">Accordions Two<\/div><div class=\"koo-accordion-inner\"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. <\/div> <div class=\"koo-accordion-title\">Accordion Three<\/div><div class=\"koo-accordion-inner\"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. <\/div> <\/div> <\/div>\n<p>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1437730079674{margin-top: 100px !important;margin-bottom: 100px !important;}&#8221;][vc_column][vc_separator][\/vc_column][\/vc_row][vc_row el_id=&#8221;shortcode-alert&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_custom_heading text=&#8221;ALERT&#8221; font_container=&#8221;tag:h2|font_size:28|text_align:left&#8221; google_fonts=&#8221;font_family:Merriweather%3A300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:300%20light%20regular%3A300%3Anormal&#8221;][vc_column_text]Show a message line with alert shortcode. It can also set to be dismissable by user[\/vc_column_text][\/vc_column][vc_column width=&#8221;3\/4&#8243;][vc_column_text]<div class=\"koo-alert info\"><button class=\"koo-alert-close\">x<\/button> This is info <\/div>\n<div class=\"koo-alert warning\"><button class=\"koo-alert-close\">x<\/button> This is Warning <\/div>\n<div class=\"koo-alert error\"><button class=\"koo-alert-close\">x<\/button> This is Error <\/div>[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1437730540317{margin-top: 100px !important;margin-bottom: 100px !important;}&#8221;][vc_column][vc_separator][\/vc_column][\/vc_row][vc_row el_id=&#8221;shortcode-button&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_custom_heading text=&#8221;BUTTON&#8221; font_container=&#8221;tag:h2|font_size:28|text_align:left&#8221; google_fonts=&#8221;font_family:Merriweather%3A300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:300%20light%20regular%3A300%3Anormal&#8221;][vc_column_text]Turn your link into a button. We have provide 3 size of button with different type of it. And you can also add an icon on it[\/vc_column_text][\/vc_column][vc_column width=&#8221;3\/4&#8243;][vc_column_text]<a target=\"_blank\" class=\"button small regular\" href=\"http:\/\/www.tokokoo.com\"><i class=\"fa fa-heart\"><\/i> Button Regular <\/a><a target=\"_blank\" class=\"button small info\" href=\"http:\/\/www.tokokoo.com\"><i class=\"fa fa-heart\"><\/i> Button Info <\/a><a target=\"_self\" class=\"button small warning\" href=\"http:\/\/www.tokokoo.com\"><i class=\"fa fa-heart\"><\/i> Button Warning <\/a><a target=\"_self\" class=\"button small error\" href=\"http:\/\/www.tokokoo.com\"><i class=\"fa fa-heart\"><\/i> Button Error <\/a><\/p>\n<p><a target=\"_blank\" class=\"button small regular\" href=\"http:\/\/www.tokokoo.com\"><i class=\"fa fa-heart\"><\/i> Button Regular <\/a><a target=\"_blank\" class=\"button medium info\" href=\"http:\/\/www.tokokoo.com\"><i class=\"fa fa-heart\"><\/i> Button Info <\/a><a target=\"_self\" class=\"button medium warning\" href=\"http:\/\/www.tokokoo.com\"><i class=\"fa fa-heart\"><\/i> Button Warning <\/a><a target=\"_self\" class=\"button medium error\" href=\"http:\/\/www.tokokoo.com\"><i class=\"fa fa-heart\"><\/i> Button Error <\/a><\/p>\n<p><a target=\"_blank\" class=\"button large regular\" href=\"http:\/\/www.tokokoo.com\"><i class=\"fa fa-heart\"><\/i> Button Regular <\/a><a target=\"_blank\" class=\"button large info\" href=\"http:\/\/www.tokokoo.com\"><i class=\"fa fa-heart\"><\/i> Button Info <\/a><a target=\"_self\" class=\"button large warning\" href=\"http:\/\/www.tokokoo.com\"><i class=\"fa fa-heart\"><\/i> Button Warning <\/a><a target=\"_self\" class=\"button large error\" href=\"http:\/\/www.tokokoo.com\"><i class=\"fa fa-heart\"><\/i> Button Error <\/a>[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1437730554928{margin-top: 100px !important;margin-bottom: 100px !important;}&#8221;][vc_column][vc_separator][\/vc_column][\/vc_row][vc_row el_id=&#8221;shortcode-box&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_custom_heading text=&#8221;BOXES&#8221; font_container=&#8221;tag:h2|font_size:28|text_align:left&#8221; google_fonts=&#8221;font_family:Merriweather%3A300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:300%20light%20regular%3A300%3Anormal&#8221;][vc_column_text]Need to insert your content inside a box? Use box shortcode. It will wrap your content within a box. And optionally you can set the type of box which will change the appereance of the box heading[\/vc_column_text][\/vc_column][vc_column width=&#8221;3\/4&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_column_text]<div class=\"koo-collapsible-box\"><div class=\"koo-box-title info\">Box info<\/div><div class=\"koo-box-content\"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. <\/div><\/div>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_column_text]<div class=\"koo-collapsible-box\"><div class=\"koo-box-title warning\">Box Warning<\/div><div class=\"koo-box-content\"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. <\/div><\/div>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_column_text]<div class=\"koo-collapsible-box\"><div class=\"koo-box-title error\">Box Error<\/div><div class=\"koo-box-content\"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. <\/div><\/div>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1437730568615{margin-top: 100px !important;margin-bottom: 100px !important;}&#8221;][vc_column][vc_separator][\/vc_column][\/vc_row][vc_row el_id=&#8221;shortcode-highlight&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_custom_heading text=&#8221;HIGHLIGHT&#8221; font_container=&#8221;tag:h2|font_size:28|text_align:left&#8221; google_fonts=&#8221;font_family:Merriweather%3A300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:300%20light%20regular%3A300%3Anormal&#8221;][vc_column_text]Highlight important words or sentence using Highlight Shortcode. The highlight shortcode itself has 4 different type which is <em>regular<\/em>, <em>info<\/em>, <em>warning<\/em> and <em>error<\/em>[\/vc_column_text][\/vc_column][vc_column width=&#8221;3\/4&#8243;][vc_column_text]I am text block. <span class=\"highlight regular\">Click edit button<\/span> to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.\u00a0<span class=\"highlight info\">ipsum dolor sit amet<\/span>, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis,<span class=\"highlight warning\">pulvinar dapibus<\/span> leo.\u00a0ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis,<span class=\"highlight error\">pulvinar dapibus leo<\/span>.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1437730580702{margin-top: 100px !important;margin-bottom: 100px !important;}&#8221;][vc_column][vc_separator][\/vc_column][\/vc_row][vc_row el_id=&#8221;shortcode-dropcap&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_custom_heading text=&#8221;DROPCAP&#8221; font_container=&#8221;tag:h2|font_size:28|text_align:left&#8221; google_fonts=&#8221;font_family:Merriweather%3A300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:300%20light%20regular%3A300%3Anormal&#8221;][vc_column_text]Add dropcap to every paragraph you have in your article to make it more\u00a0pleasing to see.[\/vc_column_text][\/vc_column][vc_column width=&#8221;3\/4&#8243;][vc_column_text]<p class=\"koo-dropcap normal\">D<\/p>olor\u00a0Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum<\/p>\n<p>&nbsp;<\/p>\n<p><p class=\"koo-dropcap boxed\">D<\/p>olor Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1437730592155{margin-top: 100px !important;margin-bottom: 100px !important;}&#8221;][vc_column][vc_separator][\/vc_column][\/vc_row][vc_row el_id=&#8221;shortcode-tab&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_custom_heading text=&#8221;TAB&#8221; font_container=&#8221;tag:h2|font_size:28|text_align:left&#8221; google_fonts=&#8221;font_family:Merriweather%3A300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:300%20light%20regular%3A300%3Anormal&#8221;][vc_column_text]Separate you content within a Tab layout, so you can group important content by using Tab layout.[\/vc_column_text][\/vc_column][vc_column width=&#8221;3\/4&#8243;][vc_column_text]<p class=\"leading\"> <div id=\"koo-tabs-45\" class=\"koo-tabs\"><div class=\"koo-tab-inner\"><ul class=\"koo-nav koo-clearfix\"><li><a href=\"#koo-tab-tab-one\">Tab One<\/a><\/li><li><a href=\"#koo-tab-tab-two\">Tab Two<\/a><\/li><li><a href=\"#koo-tab-tab-three\">Tab Three<\/a><\/li><\/ul> <div id=\"koo-tab-tab-one\" class=\"koo-tab\"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum\u00a0<\/div> <div id=\"koo-tab-tab-two\" class=\"koo-tab\"> Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum\u00a0<\/div> <div id=\"koo-tab-tab-three\" class=\"koo-tab\"> Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum\u00a0<\/div> <\/div><\/div>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator][\/vc_column][\/vc_row][vc_row el_id=&#8221;shortcode-icon-box&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_custom_heading text=&#8221;ICON BOX&#8221; font_container=&#8221;tag:h2|font_size:28|text_align:left&#8221; google_fonts=&#8221;font_family:Merriweather%3A300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:300%20light%20regular%3A300%3Anormal&#8221;][vc_column_text]Use icon box to create featured item with Icon. You can choose differen icon type and position with this shortcode.[\/vc_column_text][\/vc_column][vc_column width=&#8221;3\/4&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243;][koo_icon_box icon_name=&#8221;fa fa-birthday-cake&#8221; icon_size=&#8221;30&#8243; title=&#8221;Icon on top&#8221; the_content=&#8221;This type of icon box place icon on top of it&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][koo_icon_box icon_style=&#8221;circle&#8221; icon_name=&#8221;fa fa-dot-circle-o&#8221; icon_size=&#8221;30&#8243; background_color=&#8221;#db7b43&#8243; title=&#8221;Circle Style&#8221; the_content=&#8221;You can also use circle style icon and set the color of it&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][koo_icon_box icon_style=&#8221;circle-outline&#8221; icon_name=&#8221;fa fa-newspaper-o&#8221; icon_size=&#8221;30&#8243; icon_color=&#8221;#f237b4&#8243; border_color=&#8221;#358ee8&#8243; title=&#8221;Circle Outline Style&#8221; the_content=&#8221;Same with the circle style, but it only has the outline of the circle. You can change both icon color or outline color.&#8221;][\/vc_column_inner][\/vc_row_inner][vc_separator][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][koo_icon_box icon_type=&#8221;left&#8221; icon_style=&#8221;circle&#8221; icon_name=&#8221;fa fa-chevron-circle-left&#8221; icon_size=&#8221;30&#8243; background_color=&#8221;#88bf3b&#8221; title=&#8221;Icon on Left&#8221; the_content=&#8221;Instead of placing icon on top, you can set the style to show icon on the left&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][koo_icon_box icon_type=&#8221;right&#8221; icon_style=&#8221;circle&#8221; icon_name=&#8221;fa fa-chevron-circle-right&#8221; icon_size=&#8221;30&#8243; background_color=&#8221;#ea9948&#8243; title=&#8221;Icon on Right&#8221; the_content=&#8221;You can also set the icon to be placed on the right side instead of the left side.&#8221;][\/vc_column_inner][\/vc_row_inner][vc_separator][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][koo_icon_box icon_type=&#8221;right&#8221; icon_style=&#8221;circle&#8221; icon_name=&#8221;fa fa-align-center&#8221; icon_size=&#8221;30&#8243; text_alignment=&#8221;right&#8221; background_color=&#8221;#3ec9bb&#8221; title=&#8221;Content Alignment&#8221; the_content=&#8221;If you are not happy with the alignment, you can custom it. This icon-box has right alignment content&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][koo_icon_box icon_type=&#8221;left&#8221; icon_style=&#8221;circle&#8221; icon_name=&#8221;fa fa-link&#8221; icon_size=&#8221;30&#8243; more=&#8221;yes&#8221; background_color=&#8221;#4092d1&#8243; title=&#8221;Add Custom Link&#8221; the_content=&#8221;Place the link below the content for more information about the icon-box&#8221; more_link=&#8221;#&#8221; more_text=&#8221;Learn More&#8221;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_custom_heading text=&#8221;SHORTCODES&#8221; font_container=&#8221;tag:h2|font_size:30|text_align:center|color:%23000000|line_height:1.5&#8243; google_fonts=&#8221;font_family:Merriweather%3A300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:300%20light%20regular%3A300%3Anormal&#8221; css=&#8221;.vc_custom_1437721156003{margin-top: 50px !important;margin-bottom: 0px !important;}&#8221;][vc_column_text] Here\u00a0is the list of available shortcode for building better content appearance. [\/vc_column_text][\/vc_column][\/vc_row][vc_row el_id=&#8221;shortcode-accordion&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_custom_heading text=&#8221;ACCORDION&#8221; font_container=&#8221;tag:h2|font_size:28|text_align:left&#8221; google_fonts=&#8221;font_family:Merriweather%3A300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:300%20light%20regular%3A300%3Anormal&#8221;][vc_column_text]Create expandable content with Accordion Shortcode, This showtcode will create an accordion content that will be show\/hide when\u00a0its title getting clicked by user.[\/vc_column_text][\/vc_column][vc_column width=&#8221;3\/4&#8243;][vc_row_inner][vc_column_inner][vc_column_text] [\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1437730079674{margin-top: 100px !important;margin-bottom: 100px !important;}&#8221;][vc_column][vc_separator][\/vc_column][\/vc_row][vc_row &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"templates\/fullwidth.php","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/demo2.tokomoo.com\/lecrafts\/wp-json\/wp\/v2\/pages\/1973"}],"collection":[{"href":"https:\/\/demo2.tokomoo.com\/lecrafts\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo2.tokomoo.com\/lecrafts\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo2.tokomoo.com\/lecrafts\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo2.tokomoo.com\/lecrafts\/wp-json\/wp\/v2\/comments?post=1973"}],"version-history":[{"count":0,"href":"https:\/\/demo2.tokomoo.com\/lecrafts\/wp-json\/wp\/v2\/pages\/1973\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo2.tokomoo.com\/lecrafts\/wp-json\/wp\/v2\/media?parent=1973"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}