{"id":358,"date":"2015-11-28T08:24:57","date_gmt":"2015-11-28T08:24:57","guid":{"rendered":"https:\/\/demo.northeme.com\/madrigal\/?page_id=358"},"modified":"2015-12-01T08:21:11","modified_gmt":"2015-12-01T08:21:11","slug":"shortcodes","status":"publish","type":"page","link":"https:\/\/northeme.com\/demo\/madrigal\/shortcodes","title":{"rendered":"Shortcodes"},"content":{"rendered":"<h2>Content Wrapper\u00a0Shortcode<\/h2>\n<p><span style=\"font-size: 16px;\">Content wrapper shortcode is quite easy to use yet powerful tool for managing\u00a0content alignment. It provides\u00a0<strong>width<\/strong> parameter\u00a0to set maximum width of\u00a0specific part of content. Width setting will be ignored on mobile and the width will automatically be set to 100% in order to use maximum space.<\/span><\/p>\n<p><span style=\"font-size: 16px;\">Following content width is set to 60% and text alignment set as center\u00a0:<\/span><\/p>\n<p>&nbsp;<\/p>\n<div class=\"minimal-wrapper\" style=\"width:60%;margin:auto; text-align:left;clear:both\"><\/p>\n<p style=\"text-align: center;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin id sapien eleifend, pulvinar nulla id, tempor lectus. In hac habitasse platea dictumst. Ut faucibus, arcu quis varius hendrerit, ipsum eros pharetra diam, quis auctor eros ex a risus. Quisque elementum ultrices placerat. Maecenas eleifend condimentum pellentesque. Suspendisse aliquam faucibus arcu, vitae mollis augue consequat at.<\/p>\n<p><\/div>\n<p>&nbsp;<\/p>\n<hr \/>\n<h2><\/h2>\n<h2>Posts Shortcode<\/h2>\n<p><span style=\"font-size: 16px;\">Posts Shortcode is a great tool to include posts with grid layout into any content. Products, Portfolio, Blog and any custom post type content can be added with <strong>post limit, category or title (optional), grid layout type etc.<\/strong> It&#8217;s using the same features with Home template sections.<\/span><\/p>\n<p>&nbsp;<\/p>\n<section class=\"related-posts-container\"><div class=\"page-title-container\"><header class=\"navibg-first\" data-ajax=\"true\"><div class=\"navibg withall border-color titlediv firstone\"><h3 class=\"no-effect\"><a href=\"https:\/\/northeme.com\/demo\/madrigal\/blog\">Recent Blog Posts<\/a><\/h3><\/div><\/header><\/div><\/section>\t\n\t\t<div class=\"nt-post-grid post-list classic-grid category-filter-off    fitvids wrapper-column-nor-5657415625721 first last posts-shortcode type-post nor-standard \"   data-column=\"3\">\n\n        \n    \t\t\n\t\n\t<article class=\"grid-item transform-effect shown border-color grid-type-post first standard  pterm-24 grid-radius-5px grid-radius-responsive-mobile non-product\"  data-overlay=\".standard\">\n\n\t\t<div class=\"in-wrap\">\n\t\t\t<a  href=\"https:\/\/northeme.com\/demo\/madrigal\/augmented-structures-frequency\" target=\"_self\" class=\"img\" data-ajax=\"true\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/05.jpg\" srcset=\"https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/05.jpg 1200w, https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/05-1024x576.jpg 1024w, https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/05-768x432.jpg 768w, https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/05-460x259.jpg 460w, https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/05-960x540.jpg 960w\" width=\"1200\"  height=\"675\" alt=\"Augmented Structures \/ Frequency\"\n            data-sizes=\"(max-width: 767px) 50vw, (min-width: 768px) 100vw\" sizes=\"auto, (max-width: 767px) 50vw, (min-width: 768px) 100vw\" class=\"lazyload \"><\/a>\n        \n                <div class=\"info  standard \" data-target=\"_self\" data-link=\"https:\/\/northeme.com\/demo\/madrigal\/augmented-structures-frequency\">\n        \t<div class=\"overlay-wrapper centered\">\n\t\t\t                <h4 class=\"no-effect\" ><a href=\"https:\/\/northeme.com\/demo\/madrigal\/augmented-structures-frequency\" target=\"_self\" data-ajax=\"true\" >Augmented Structures \/ Frequency<\/a><\/h4>\n            \n            <div class=\"excerpt\">Augmented Structures is an ongoing project by media artist Refik Anadol and architect Alper Derinbogaz. Architecture and (Media) Design are...<\/div><div class=\"bottom-info\"><hr><div class=\"info-containers-wrapper no-show-cat \"><div class=\"info-containers grid-date\"><strong class=\"grid-info-title\">Date : <\/strong>November 26, 2015<\/div><\/div><\/div>            <\/div>\n        <\/div>\n        \n        <\/div>\n\t<\/article>\n\n    \t\n\t\n\t<article class=\"grid-item transform-effect shown border-color grid-type-post  standard  pterm-1 grid-radius-5px grid-radius-responsive-mobile non-product\"  data-overlay=\".standard\">\n\n\t\t<div class=\"in-wrap\">\n\t\t\t<a  href=\"https:\/\/northeme.com\/demo\/madrigal\/slider-gallery-post\" target=\"_self\" class=\"img\" data-ajax=\"true\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/wire-barstools.jpg\" srcset=\"https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/wire-barstools.jpg 1240w, https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/wire-barstools-1024x640.jpg 1024w, https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/wire-barstools-768x480.jpg 768w, https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/wire-barstools-460x288.jpg 460w, https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/wire-barstools-960x600.jpg 960w\" width=\"1240\"  height=\"775\" alt=\"Slider \/ Gallery Post\"\n            data-sizes=\"(max-width: 767px) 50vw, (min-width: 768px) 100vw\" sizes=\"auto, (max-width: 767px) 50vw, (min-width: 768px) 100vw\" class=\"lazyload \"><\/a>\n        \n                <div class=\"info  standard \" data-target=\"_self\" data-link=\"https:\/\/northeme.com\/demo\/madrigal\/slider-gallery-post\">\n        \t<div class=\"overlay-wrapper centered\">\n\t\t\t                <h4 class=\"no-effect\" ><a href=\"https:\/\/northeme.com\/demo\/madrigal\/slider-gallery-post\" target=\"_self\" data-ajax=\"true\" >Slider \/ Gallery Post<\/a><\/h4>\n            \n            <div class=\"excerpt\">This is gallery post. Your theme comes with built-in slider \/ gallery plugin and allows to create unlimited sliders. Gallery...<\/div><div class=\"bottom-info\"><hr><div class=\"info-containers-wrapper no-show-cat \"><div class=\"info-containers grid-date\"><strong class=\"grid-info-title\">Date : <\/strong>November 26, 2015<\/div><\/div><\/div>            <\/div>\n        <\/div>\n        \n        <\/div>\n\t<\/article>\n\n    \t\n\t\n\t<article class=\"grid-item transform-effect shown border-color grid-type-post last standard  pterm-1 grid-radius-5px grid-radius-responsive-mobile non-product\"  data-overlay=\".standard\">\n\n\t\t<div class=\"in-wrap\">\n\t\t\t<div class=\"imgside\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/113002444\" width=\"640\" height=\"360\" frameborder=\"0\" webkitallowfullscreen mozallowfullscreen allowfullscreen><\/iframe><\/div>\n        \n                <div class=\"info  standard \" data-target=\"_self\" data-link=\"https:\/\/northeme.com\/demo\/madrigal\/video-post-2\">\n        \t<div class=\"overlay-wrapper centered\">\n\t\t\t                <h4 class=\"no-effect\" ><a href=\"https:\/\/northeme.com\/demo\/madrigal\/video-post-2\" target=\"_self\" data-ajax=\"true\" >Visions of America: Am\u00e9riques<\/a><\/h4>\n            \n            <div class=\"excerpt\">\u2018The Los Angeles Philharmonic\u2019s multimedia presentation of Edgard Var\u00e8se\u2019s Am\u00e9riques launched the new in\/SIGHT series at Walt Disney Concert Hall....<\/div><div class=\"bottom-info\"><hr><div class=\"info-containers-wrapper no-show-cat \"><div class=\"info-containers grid-date\"><strong class=\"grid-info-title\">Date : <\/strong>November 26, 2015<\/div><\/div><\/div>            <\/div>\n        <\/div>\n        \n        <\/div>\n\t<\/article>\n\n    \t\n\t\n\t<article class=\"grid-item transform-effect shown border-color grid-type-post first standard  pterm-1 grid-radius-5px grid-radius-responsive-mobile non-product\"  data-overlay=\".standard\">\n\n\t\t<div class=\"in-wrap\">\n\t\t\t<a  href=\"https:\/\/northeme.com\/demo\/madrigal\/image-post\" target=\"_self\" class=\"img\" data-ajax=\"true\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/015.jpg\" srcset=\"https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/015.jpg 960w, https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/015-768x512.jpg 768w, https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/015-300x200.jpg 300w, https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/015-460x307.jpg 460w\" width=\"960\"  height=\"640\" alt=\"Image Post\"\n            data-sizes=\"(max-width: 767px) 50vw, (min-width: 768px) 100vw\" sizes=\"auto, (max-width: 767px) 50vw, (min-width: 768px) 100vw\" class=\"lazyload \"><\/a>\n        \n                <div class=\"info  standard \" data-target=\"_self\" data-link=\"https:\/\/northeme.com\/demo\/madrigal\/image-post\">\n        \t<div class=\"overlay-wrapper centered\">\n\t\t\t                <h4 class=\"no-effect\" ><a href=\"https:\/\/northeme.com\/demo\/madrigal\/image-post\" target=\"_self\" data-ajax=\"true\" >Image Post<\/a><\/h4>\n            \n            <div class=\"excerpt\">Integer sed purus facilisis purus varius dignissim. Proin nisl tellus, posuere eu posuere quis, elementum ac metus. Fusce finibus imperdiet...<\/div><div class=\"bottom-info\"><hr><div class=\"info-containers-wrapper no-show-cat \"><div class=\"info-containers grid-date\"><strong class=\"grid-info-title\">Date : <\/strong>November 26, 2015<\/div><\/div><\/div>            <\/div>\n        <\/div>\n        \n        <\/div>\n\t<\/article>\n\n    \t\n\t\n\t<article class=\"grid-item transform-effect shown border-color grid-type-post  standard  pterm-1 grid-radius-5px grid-radius-responsive-mobile non-product\"  data-overlay=\".standard\">\n\n\t\t<div class=\"in-wrap\">\n\t\t\t<div class=\"imgside\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/113002444\" width=\"640\" height=\"360\" frameborder=\"0\" webkitallowfullscreen mozallowfullscreen allowfullscreen><\/iframe><\/div>\n        \n                <div class=\"info  standard \" data-target=\"_self\" data-link=\"https:\/\/northeme.com\/demo\/madrigal\/standard-post\">\n        \t<div class=\"overlay-wrapper centered\">\n\t\t\t                <h4 class=\"no-effect\" style=\"padding-top:0;\"><a href=\"https:\/\/northeme.com\/demo\/madrigal\/standard-post\" target=\"_self\" data-ajax=\"true\" >Standard Post<\/a><\/h4>\n            \n            <div class=\"excerpt\">This is standard\u00a0post format. Nullam porta facilisis est, in tempus enim cursus malesuada. In feugiat vestibulum arcu in convallis. Phasellus...<\/div><div class=\"bottom-info\"><hr><div class=\"info-containers-wrapper no-show-cat \"><div class=\"info-containers grid-date\"><strong class=\"grid-info-title\">Date : <\/strong>November 26, 2015<\/div><\/div><\/div>            <\/div>\n        <\/div>\n        \n        <\/div>\n\t<\/article>\n\n    \t\n\t\n\t<article class=\"grid-item transform-effect shown border-color grid-type-post last standard  pterm-22 grid-radius-5px grid-radius-responsive-mobile non-product\"  data-overlay=\".standard\">\n\n\t\t<div class=\"in-wrap\">\n\t\t\t<div class=\"imgside\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/76324941\" width=\"640\" height=\"360\" frameborder=\"0\" webkitallowfullscreen mozallowfullscreen allowfullscreen><\/iframe><\/div>\n        \n                <div class=\"info  standard \" data-target=\"_self\" data-link=\"https:\/\/northeme.com\/demo\/madrigal\/video-post\">\n        \t<div class=\"overlay-wrapper centered\">\n\t\t\t                <h4 class=\"no-effect\" ><a href=\"https:\/\/northeme.com\/demo\/madrigal\/video-post\" target=\"_self\" data-ajax=\"true\" >Video Post \u2013 Embed Video<\/a><\/h4>\n            \n            <div class=\"excerpt\">This is a Video Post. Videos can be added through one of the following options : Video Files :\u00a0MP4, OGV,...<\/div><div class=\"bottom-info\"><hr><div class=\"info-containers-wrapper no-show-cat \"><div class=\"info-containers grid-date\"><strong class=\"grid-info-title\">Date : <\/strong>November 26, 2015<\/div><\/div><\/div>            <\/div>\n        <\/div>\n        \n        <\/div>\n\t<\/article>\n\n    \n\t<\/div>\n\t    \n<p>&nbsp;<\/p>\n<hr \/>\n<h2><\/h2>\n<h2>Tabs Shortcode<\/h2>\n<dl id=\"tabs-69e604ade4bc1\" class=\"tabs\"><dt><\/dt><dd class=\"active\"><a href=\"#tabs-69e604ade4bc1-first-tab\">First Tab<\/a><\/dd><dd ><a href=\"#tabs-69e604ade4bc1-second-tab\">Second Tab<\/a><\/dd><dd ><a href=\"#tabs-69e604ade4bc1-third-tab\">Third Tab<\/a><\/dd><\/dl><ul class=\"tabs-content\"><li class=\"active\" id=\"tabs-69e604ade4bc1-first-tabTab\"><p><a href=\"https:\/\/s3.amazonaws.com\/cdn.northeme.com\/northeme-content\/uploads\/sites\/6\/2015\/05\/MG_41141.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-181 alignright\" src=\"https:\/\/s3.amazonaws.com\/cdn.northeme.com\/northeme-content\/uploads\/sites\/6\/2015\/05\/MG_41141.jpg\" alt=\"MG_41141\" width=\"368\" height=\"245\" \/><\/a>Vestibulum massa tortor, viverra aliquam faucibus nec, maximus id libero. Morbi et ligula ac metus lacinia pretium eget quis lacus. Pellentesque sed diam urna.<\/p>\n<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. <\/p>\n<\/li><li  id=\"tabs-69e604ade4bc1-second-tabTab\"><\/p>\n<p><iframe loading=\"lazy\" title=\"SAN CISCO - Magic\" src=\"https:\/\/player.vimeo.com\/video\/127053285?dnt=1&amp;app_id=122963\" width=\"500\" height=\"281\"  allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write\"><\/iframe><\/p>\n<p>Aenean neque justo, cursus sit amet ex a, pretium convallis lorem. Maecenas nisi justo, consectetur lacinia pretium sed, placerat non ante. Nullam ut eros rutrum, eleifend magna at, sollicitudin enim. Suspendisse malesuada enim eget suscipit lacinia. Sed eget urna massa. Fusce sed ipsum diam.<\/p>\n<\/li><li  id=\"tabs-69e604ade4bc1-third-tabTab\"><p>In vitae malesuada odio, quis eleifend sem. Aenean neque justo, cursus sit amet ex a, pretium convallis lorem.<\/p>\n<p>Maecenas nisi justo, consectetur lacinia pretium sed, placerat non ante. Nullam ut eros rutrum, eleifend magna at, sollicitudin enim. Suspendisse malesuada enim eget suscipit lacinia. Sed eget urna massa. Fusce sed ipsum diam.<\/p>\n<\/li><\/ul>\n<p>&nbsp;<\/p>\n<hr \/>\n<h2><\/h2>\n<h2>Slider \/ Gallery Shortcodes<\/h2>\n<p><span style=\"font-size: 16px;\">Northeme Framework comes with Slider \/ Gallery panel that allows you to create and manage unlimited number of sliders. Sliders can be added to any content by using shortcodes with slider ID. That being said, same slider can be used in different content. For example, following slider is being used on Blog section as well.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3>Gallery :<\/h3>\n<div class=\"workslider\"><div class=\"nor-flexslider nor-gallery fade\"  data-control=\"thumbnails\" data-shortcode=\"gallery\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<ul class=\"slides\" ><li data-thumb=\"https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/photo-1416339276121-ba1dfa199912-150x150.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/photo-1416339276121-ba1dfa199912.jpg\" srcset=\"https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/photo-1416339276121-ba1dfa199912.jpg 1400w, https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/photo-1416339276121-ba1dfa199912-1024x768.jpg 1024w, https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/photo-1416339276121-ba1dfa199912-768x576.jpg 768w, https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/photo-1416339276121-ba1dfa199912-460x345.jpg 460w, https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/photo-1416339276121-ba1dfa199912-960x720.jpg 960w\" width=\"1400\"  height=\"1050\" alt=\"Video Post \u2013 Embed Video\"\n            data-sizes=\"100vw\" sizes=\"auto, 100vw\" class=\"lazyload \"><\/li><li data-thumb=\"https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/photo-1416339306562-f3d12fefd36f-150x150.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/photo-1416339306562-f3d12fefd36f.jpg\" srcset=\"https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/photo-1416339306562-f3d12fefd36f.jpg 1400w, https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/photo-1416339306562-f3d12fefd36f-1024x768.jpg 1024w, https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/photo-1416339306562-f3d12fefd36f-768x576.jpg 768w, https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/photo-1416339306562-f3d12fefd36f-460x345.jpg 460w, https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/photo-1416339306562-f3d12fefd36f-960x720.jpg 960w\" width=\"1400\"  height=\"1050\" alt=\"Video Post \u2013 Embed Video\"\n            data-sizes=\"100vw\" sizes=\"auto, 100vw\" class=\"lazyload \"><\/li><li data-thumb=\"https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/photo-1416339684178-3a239570f315-150x150.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/photo-1416339684178-3a239570f315.jpg\" srcset=\"https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/photo-1416339684178-3a239570f315.jpg 1400w, https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/photo-1416339684178-3a239570f315-1024x768.jpg 1024w, https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/photo-1416339684178-3a239570f315-768x576.jpg 768w, https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/photo-1416339684178-3a239570f315-460x345.jpg 460w, https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/photo-1416339684178-3a239570f315-960x720.jpg 960w\" width=\"1400\"  height=\"1050\" alt=\"Video Post \u2013 Embed Video\"\n            data-sizes=\"100vw\" sizes=\"auto, 100vw\" class=\"lazyload \"><\/li><\/ul><\/div><\/div>\n<p>&nbsp;<\/p>\n<h3>Slider :<\/h3>\n<div class=\"workslider\"><div class=\"nor-flexslider standard-slider full-width-img fade\"  \n\t\t\t\t\t>\n\t\t\t\t\t\t<ul class=\"slides\" data-light=\"nor-lightbox\"><li data-thumb=\"\"><a href=\"https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/05.jpg\" class=\"flex-slide\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/05.jpg\" srcset=\"https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/05.jpg 1200w, https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/05-1024x576.jpg 1024w, https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/05-768x432.jpg 768w, https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/05-460x259.jpg 460w, https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/05-960x540.jpg 960w\" width=\"1200\"  height=\"675\" alt=\"Video Post \u2013 Embed Video\"\n            data-sizes=\"100vw\" sizes=\"auto, 100vw\" class=\"lazyload \"><\/a><\/li><li data-thumb=\"\"><a href=\"https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/08.jpg\" class=\"flex-slide\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/08.jpg\" srcset=\"https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/08.jpg 1200w, https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/08-1024x576.jpg 1024w, https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/08-768x432.jpg 768w, https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/08-460x259.jpg 460w, https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/08-960x540.jpg 960w\" width=\"1200\"  height=\"675\" alt=\"Video Post \u2013 Embed Video\"\n            data-sizes=\"100vw\" sizes=\"auto, 100vw\" class=\"lazyload \"><\/a><\/li><li data-thumb=\"\"><a href=\"https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/11.jpg\" class=\"flex-slide\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/11.jpg\" srcset=\"https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/11.jpg 1200w, https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/11-1024x576.jpg 1024w, https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/11-768x432.jpg 768w, https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/11-460x259.jpg 460w, https:\/\/northeme.com\/demo\/madrigal\/wp-content\/uploads\/sites\/17\/2015\/11\/11-960x540.jpg 960w\" width=\"1200\"  height=\"675\" alt=\"Video Post \u2013 Embed Video\"\n            data-sizes=\"100vw\" sizes=\"auto, 100vw\" class=\"lazyload \"><\/a><\/li><\/ul><\/div><\/div>\n<hr \/>\n<h2><\/h2>\n<h2>Column Shortcodes<\/h2>\n<p><span style=\"font-size: 16px;\">Northeme themes are consisting of 16-grid layout and column shortcodes offers 1 to 16 columns along with one-half, one-third and two-third columns :<\/span><\/p>\n<div class=\"row column-row nor-shortcodes\"><div class=\"one-half column\"><p><strong>This is one-half \/ one-half columns example.<\/strong> Curabitur dictum ac lacus eu tristique. Nunc feugiat scelerisque mi, sit amet faucibus purus pellentesque a. Ut ornare nec risus vitae maximus. Duis euismod pellentesque luctus. Nunc at tincidunt metus. Pellentesque a finibus dui, hendrerit convallis metus. Donec porttitor odio quis risus fringilla pretium. Pellentesque molestie vitae felis sit amet maximus. Aenean vitae felis eu ex ultrices porta ut vel mi. <\/p>\n<\/div><div class=\"one-half column\"><p>Curabitur et mi rutrum, malesuada ipsum ut, eleifend arcu. Ut dapibus ipsum sit amet gravida euismod. Nam metus nisi, semper nec pretium sit amet, hendrerit a ipsum. Vivamus sagittis tincidunt lacus, id rutrum nunc cursus ut. Phasellus sit amet dui nec magna gravida vehicula ac nec lacus. Phasellus ligula tortor, luctus in euismod ac, iaculis ac mi. Proin pretium aliquam leo quis pulvinar.<\/p>\n<\/div><\/div>\n<div class=\"row column-row nor-shortcodes\"><div class=\"two-thirds column\"><p><strong>This is two-third \/ one-third\u00a0columns example.<\/strong> Nullam faucibus elit in sapien lobortis, ut cursus nunc viverra. Aenean mollis non odio eu blandit. Morbi faucibus lobortis dolor ut mollis. Etiam ac sapien porttitor, commodo velit ut, tempus erat.<\/p>\n<\/div><div class=\"one-third column\"><p>Etiam vel blandit ipsum, sed tempus felis. Duis nisi est, mollis a nisi eget, egestas mollis arcu. Cras efficitur tempor sodales. Fusce non iaculis erat, vel ornare leo. Duis id nulla quam.<\/p>\n<\/div><\/div>\n<div class=\"row column-row nor-shortcodes\"><div class=\"one-third column\"><p>\n<strong>This is 3 columns example.<\/strong> Pellentesque sagittis id neque ut tristique. Maecenas laoreet urna dui, tempor iaculis quam pulvinar at. In hac habitasse platea dictumst. In sit amet orci ornare, sollicitudin quam vel, congue leo. Nulla viverra nibh quis ornare mollis. Aliquam mi ante, efficitur molestie volutpat id, volutpat quis leo. Sed interdum congue porta. Donec mattis volutpat urna ac vehicula.<\/p>\n<\/div><div class=\"one-third column\"><p>\nNulla viverra nibh quis ornare mollis. Aliquam mi ante, efficitur molestie volutpat id, volutpat quis leo. Sed interdum congue porta. Donec mattis volutpat urna ac vehicula. Vestibulum aliquet aliquam magna non feugiat. Sed in urna faucibus, porta elit at, dapibus dolor. Proin eget nibh sit amet odio bibendum rutrum.<\/p>\n<\/div><div class=\"one-third column\"><p>\nFusce accumsan justo ut turpis lobortis pharetra. Nullam posuere eleifend nisl, id dictum enim commodo vel. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam pharetra dolor acmaximus facilisis.<\/p>\n<\/div><\/div>\n<div class=\"row column-row nor-shortcodes\"><div class=\"four columns\"><p><strong>This is 4\u00a0columns example.<\/strong> Vestibulum at nisl interdum, fermentum tortor in, sagittis magna. Donec dolor odio, dignissim gravida dapibus vel, finibus eget leo. Vestibulum sollicitudin lobortis nibh at bibendum. <\/p>\n<\/div><div class=\"four columns\"><p>Duis viverra nunc augue, in mattis libero lobortis eget. Curabitur porta, sem sit amet sodales vulputate, lacus libero egestas mauris, rhoncus sagittis turpis velit ac ante. Integer ligula lorem, feugiat ut libero elementum, fermentum iaculis lacus.<\/p>\n<\/div><div class=\"four columns\"><p>Nullam efficitur augue a arcu aliquet pharetra. Nunc semper, felis sit amet tristique rutrum, est ipsum pharetra metus, ut eleifend mauris enim et nunc. Duis cursus tellus ut lacus consequat, sagittis efficitur quam feugiat. <\/p>\n<\/div><div class=\"four columns\"><p><img decoding=\"async\" class=\"alignnone size-full wp-image-342\" src=\"https:\/\/s3.amazonaws.com\/cdn.northeme.com\/northeme-content\/uploads\/sites\/6\/2015\/05\/a2241656405_16.jpg\" alt=\"a2241656405_16\" \/><\/p>\n<\/div><\/div>\n<p>&nbsp;<\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n<div class=\"row column-row nor-shortcodes\"><div class=\"one-half column\"><h2>Contact Form Shortcode<\/h2>\n<p><span style=\"font-size: 16px;\">Contact Form Shortcode fields are e-mail, form width, e-mail (field name), name\u00a0(field name), message\u00a0(field name), send button (field name), title, success and failure messages.<\/span><br \/>\n <form method=\"post\" action=\"https:\/\/northeme.com\/demo\/madrigal\/video-post\" class=\"northeme-contact contactform_ajax\" data-success=\"Success\" data-fail=\"Failed \" style=\"width:100%\"> <input type=\"hidden\" id=\"wp_form_token\" name=\"wp_form_token\" value=\"7e073e130e\" \/> <input type=\"hidden\" name=\"secfield\" value=\"5\"> <h3 class=\"no-effect\" >This is Contact Form Title<\/h3> <div id=\"resmsg-69e604adeb5dd\" class=\"msg alert\" style=\"display:none;\"><\/div> <p class=\"email-field \"><label>E-Mail Field<\/label><span><input type=\"text\" name=\"email\" class=\"email required\" placeholder=\"E-Mail Field\" \/><\/span> <\/p> <p class=\"name-field \"><label>Name (custom)<\/label><span><input type=\"text\" name=\"name\" placeholder=\"Name (custom)\" \/><\/span><\/p> <p class=\"message-field\"><label>Message<\/label><span><textarea name=\"msg\" placeholder=\"Message\"><\/textarea><\/span><\/p> <p class=\"captcha\"> <label>2 + 3 = <\/label> <input type=\"text\" name=\"captcha\" class=\"required\" placeholder=\"\" \/> <\/p> <p class=\"submit-p\"><button type=\"submit\" class=\"nor-button\" id=\"msubmit-69e604adeb5dd\">Send Button<\/button><\/p> <input type=\"hidden\" name=\"bname\" value=\"Madrigal\" \/> <input type=\"hidden\" name=\"sendemail\" value=\"example@example.com\" \/> <\/form>\n<\/p>\n<\/div><br \/>\n<div class=\"one-half column\"><\/p>\n<h2>Google Maps Shortcode<\/h2>\n<p><span style=\"font-size: 16px;\">Simple Google Maps Shortcode.<\/span><br \/>\n<span style=\"font-size: 16px;\"> <strong>Address<\/strong>, <strong>width<\/strong>, <strong>height<\/strong> and <strong>zoom<\/strong> fields provided :<\/span><\/p>\n<iframe src=\"https:\/\/maps.google.com\/maps?q=128+W+Hastings+St+%23210%2C+Vancouver%2C+BC+V6B+1G8&amp;center=128+W+Hastings+St+%23210%2C+Vancouver%2C+BC+V6B+1G8&amp;output=embed&amp;z=14&amp;visual_refresh=true\" style=\"border:none;overflow:hidden; width:100%;height:350px\"><\/iframe>\n<\/div><\/div>\n<h2><\/h2>\n<p>&nbsp;<\/p>\n<hr \/>\n<h2><\/h2>\n<p>&nbsp;<\/p>\n<h2>Button Shortcodes<\/h2>\n<p>Button shortcode panel provides extensive options to modify your button such as <strong>color, corner radius, BG &amp; Text color, size etc.<\/strong><\/p>\n<p><a href=\"https:\/\/northeme.com\" style=\"border-radius:5px;background-color:#94b335;color:#ffffff;\"  class=\"nor-button shortcode-button\" target=\"_blank\">Button Sample<\/a>\u00a0<a href=\"https:\/\/northeme.com\" style=\"border-radius:50px;padding:15px 28px; font-size:15px;background-color:#cc0000;color:#ffffff;\"  class=\"nor-button shortcode-button\" target=\"_blank\">Button Sample<\/a>\u00a0<a href=\"https:\/\/northeme.com\" style=\"border-radius:50px;padding:20px 50px; font-size:21px;background-color:#ffcc33;color:#000;\"  class=\"nor-button shortcode-button\" target=\"_blank\">Button Sample<\/a><\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n<h2>Alerts\u00a0Shortcodes<\/h2>\n<div class=\"alert\" style=\"background-color:#c40a0a;color:#ffffff\"><a href=\"#\" class=\"closealert\"><i class=\"nticons-cross\" style=\"color:#ffffff\"><\/i><\/a>Any text here<\/div>\n<div class=\"alert\" style=\"background-color:#ffcc33;color:#000\"><a href=\"#\" class=\"closealert\"><i class=\"nticons-cross\" style=\"color:#000\"><\/i><\/a>Alert Message!<\/div>\n<div class=\"alert\" style=\"background-color:#eee;color:#000\"><a href=\"#\" class=\"closealert\"><i class=\"nticons-cross\" style=\"color:#000\"><\/i><\/a>Alert message with different color!<\/div>\n<p>&nbsp;<\/p>\n<hr \/>\n<h2><\/h2>\n<h2>Icons Shortcode (Font Awesome)<\/h2>\n<p><span style=\"font-size: 16px;\">Font Awesome included to all Northeme Themes and any FA icons can be added via <strong>Icon Shortcodes<\/strong> to your content. Icon size and color options provided.<\/span><\/p>\n<p><i class=\"fas fa-times \" style=\"color:#cc0000;font-size:12px;\"><\/i>\u00a0<i class=\"fas fa-lock \" style=\"color:#ccc;font-size:18px;\"><\/i>\u00a0<i class=\"fas fa-shopping-cart \" style=\"color:#ffcc33;font-size:24px;\"><\/i>\u00a0<i class=\"fas fa-times \" style=\"color:#bd1515;font-size:21px;\"><\/i><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Content Wrapper\u00a0Shortcode Content wrapper shortcode is quite easy to use yet powerful tool for managing\u00a0content alignment. It provides\u00a0width parameter\u00a0to set&#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-full-width.php","meta":{"footnotes":""},"class_list":["post-358","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Shortcodes - Madrigal<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/northeme.com\/demo\/madrigal\/shortcodes\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Shortcodes - Madrigal\" \/>\n<meta property=\"og:description\" content=\"Content Wrapper\u00a0Shortcode Content wrapper shortcode is quite easy to use yet powerful tool for managing\u00a0content alignment. It provides\u00a0width parameter\u00a0to set...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/northeme.com\/demo\/madrigal\/shortcodes\" \/>\n<meta property=\"og:site_name\" content=\"Madrigal\" \/>\n<meta property=\"article:modified_time\" content=\"2015-12-01T08:21:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/s3.amazonaws.com\/cdn.northeme.com\/northeme-content\/uploads\/sites\/6\/2015\/05\/MG_41141.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/northeme.com\/demo\/madrigal\/shortcodes\",\"url\":\"https:\/\/northeme.com\/demo\/madrigal\/shortcodes\",\"name\":\"Shortcodes - Madrigal\",\"isPartOf\":{\"@id\":\"https:\/\/northeme.com\/demo\/madrigal\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/northeme.com\/demo\/madrigal\/shortcodes#primaryimage\"},\"image\":{\"@id\":\"https:\/\/northeme.com\/demo\/madrigal\/shortcodes#primaryimage\"},\"thumbnailUrl\":\"https:\/\/s3.amazonaws.com\/cdn.northeme.com\/northeme-content\/uploads\/sites\/6\/2015\/05\/MG_41141.jpg\",\"datePublished\":\"2015-11-28T08:24:57+00:00\",\"dateModified\":\"2015-12-01T08:21:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/northeme.com\/demo\/madrigal\/shortcodes#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/northeme.com\/demo\/madrigal\/shortcodes\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/northeme.com\/demo\/madrigal\/shortcodes#primaryimage\",\"url\":\"https:\/\/s3.amazonaws.com\/cdn.northeme.com\/northeme-content\/uploads\/sites\/6\/2015\/05\/MG_41141.jpg\",\"contentUrl\":\"https:\/\/s3.amazonaws.com\/cdn.northeme.com\/northeme-content\/uploads\/sites\/6\/2015\/05\/MG_41141.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/northeme.com\/demo\/madrigal\/shortcodes#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/northeme.com\/demo\/madrigal\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Shortcodes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/northeme.com\/demo\/madrigal\/#website\",\"url\":\"https:\/\/northeme.com\/demo\/madrigal\/\",\"name\":\"Madrigal\",\"description\":\"Minimal yet bold Wordpress Theme\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/northeme.com\/demo\/madrigal\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Shortcodes - Madrigal","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/northeme.com\/demo\/madrigal\/shortcodes","og_locale":"en_US","og_type":"article","og_title":"Shortcodes - Madrigal","og_description":"Content Wrapper\u00a0Shortcode Content wrapper shortcode is quite easy to use yet powerful tool for managing\u00a0content alignment. It provides\u00a0width parameter\u00a0to set...","og_url":"https:\/\/northeme.com\/demo\/madrigal\/shortcodes","og_site_name":"Madrigal","article_modified_time":"2015-12-01T08:21:11+00:00","og_image":[{"url":"https:\/\/s3.amazonaws.com\/cdn.northeme.com\/northeme-content\/uploads\/sites\/6\/2015\/05\/MG_41141.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/northeme.com\/demo\/madrigal\/shortcodes","url":"https:\/\/northeme.com\/demo\/madrigal\/shortcodes","name":"Shortcodes - Madrigal","isPartOf":{"@id":"https:\/\/northeme.com\/demo\/madrigal\/#website"},"primaryImageOfPage":{"@id":"https:\/\/northeme.com\/demo\/madrigal\/shortcodes#primaryimage"},"image":{"@id":"https:\/\/northeme.com\/demo\/madrigal\/shortcodes#primaryimage"},"thumbnailUrl":"https:\/\/s3.amazonaws.com\/cdn.northeme.com\/northeme-content\/uploads\/sites\/6\/2015\/05\/MG_41141.jpg","datePublished":"2015-11-28T08:24:57+00:00","dateModified":"2015-12-01T08:21:11+00:00","breadcrumb":{"@id":"https:\/\/northeme.com\/demo\/madrigal\/shortcodes#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/northeme.com\/demo\/madrigal\/shortcodes"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/northeme.com\/demo\/madrigal\/shortcodes#primaryimage","url":"https:\/\/s3.amazonaws.com\/cdn.northeme.com\/northeme-content\/uploads\/sites\/6\/2015\/05\/MG_41141.jpg","contentUrl":"https:\/\/s3.amazonaws.com\/cdn.northeme.com\/northeme-content\/uploads\/sites\/6\/2015\/05\/MG_41141.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/northeme.com\/demo\/madrigal\/shortcodes#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/northeme.com\/demo\/madrigal\/"},{"@type":"ListItem","position":2,"name":"Shortcodes"}]},{"@type":"WebSite","@id":"https:\/\/northeme.com\/demo\/madrigal\/#website","url":"https:\/\/northeme.com\/demo\/madrigal\/","name":"Madrigal","description":"Minimal yet bold Wordpress Theme","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/northeme.com\/demo\/madrigal\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/northeme.com\/demo\/madrigal\/wp-json\/wp\/v2\/pages\/358","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/northeme.com\/demo\/madrigal\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/northeme.com\/demo\/madrigal\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/northeme.com\/demo\/madrigal\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/northeme.com\/demo\/madrigal\/wp-json\/wp\/v2\/comments?post=358"}],"version-history":[{"count":12,"href":"https:\/\/northeme.com\/demo\/madrigal\/wp-json\/wp\/v2\/pages\/358\/revisions"}],"predecessor-version":[{"id":427,"href":"https:\/\/northeme.com\/demo\/madrigal\/wp-json\/wp\/v2\/pages\/358\/revisions\/427"}],"wp:attachment":[{"href":"https:\/\/northeme.com\/demo\/madrigal\/wp-json\/wp\/v2\/media?parent=358"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}