{"id":44059,"date":"2026-05-21T14:44:21","date_gmt":"2026-05-21T14:44:21","guid":{"rendered":"https:\/\/getshortcodes.com\/?post_type=demo-modal&#038;p=44059"},"modified":"2026-05-22T09:20:10","modified_gmt":"2026-05-22T09:20:10","slug":"columns","status":"publish","type":"demo-modal","link":"https:\/\/getshortcodes.com\/demo-modal\/columns\/","title":{"rendered":"Columns"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">2 columns, 3 columns, 4 columns<\/h2>\n\n\n<div class=\"su-row\">\n<div class=\"su-column su-column-size-1-2\"><div class=\"su-column-inner su-u-clearfix su-u-trim\"> <img decoding=\"async\" src=\"https:\/\/placehold.co\/500x150?text=One+Half\" alt=\"Open Lightbox\" \/> <\/div><\/div>\n<div class=\"su-column su-column-size-1-2\"><div class=\"su-column-inner su-u-clearfix su-u-trim\"> <img decoding=\"async\" src=\"https:\/\/placehold.co\/500x150?text=One+Half\" alt=\"Open Lightbox\" \/> <\/div><\/div>\n<\/div>\n<div class=\"su-row\">\n<div class=\"su-column su-column-size-1-3\"><div class=\"su-column-inner su-u-clearfix su-u-trim\"> <img decoding=\"async\" src=\"https:\/\/placehold.co\/500x150?text=One+Third\" alt=\"Open Lightbox\" \/> <\/div><\/div>\n<div class=\"su-column su-column-size-1-3\"><div class=\"su-column-inner su-u-clearfix su-u-trim\"> <img decoding=\"async\" src=\"https:\/\/placehold.co\/500x150?text=One+Third\" alt=\"Open Lightbox\" \/> <\/div><\/div>\n<div class=\"su-column su-column-size-1-3\"><div class=\"su-column-inner su-u-clearfix su-u-trim\"> <img decoding=\"async\" src=\"https:\/\/placehold.co\/500x150?text=One+Third\" alt=\"Open Lightbox\" \/> <\/div><\/div>\n<\/div>\n<div class=\"su-row\">\n<div class=\"su-column su-column-size-1-4\"><div class=\"su-column-inner su-u-clearfix su-u-trim\"> <img decoding=\"async\" src=\"https:\/\/placehold.co\/500x150?text=One+Fourth\" alt=\"Open Lightbox\" \/> <\/div><\/div>\n<div class=\"su-column su-column-size-1-4\"><div class=\"su-column-inner su-u-clearfix su-u-trim\"> <img decoding=\"async\" src=\"https:\/\/placehold.co\/500x150?text=One+Fourth\" alt=\"Open Lightbox\" \/> <\/div><\/div>\n<div class=\"su-column su-column-size-1-4\"><div class=\"su-column-inner su-u-clearfix su-u-trim\"> <img decoding=\"async\" src=\"https:\/\/placehold.co\/500x150?text=One+Fourth\" alt=\"Open Lightbox\" \/> <\/div><\/div>\n<div class=\"su-column su-column-size-1-4\"><div class=\"su-column-inner su-u-clearfix su-u-trim\"> <img decoding=\"async\" src=\"https:\/\/placehold.co\/500x150?text=One+Fourth\" alt=\"Open Lightbox\" \/> <\/div><\/div>\n<\/div>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Shortcode<\/summary>\n<pre class=\"wp-block-code\"><code>&#091;su_row]\n&#091;su_column size=\"1\/2\"] &lt;img src=\"https:\/\/placehold.co\/500x150?text=One+Half\" alt=\"Open Lightbox\" \/&gt; &#091;\/su_column]\n&#091;su_column size=\"1\/2\"] &lt;img src=\"https:\/\/placehold.co\/500x150?text=One+Half\" alt=\"Open Lightbox\" \/&gt; &#091;\/su_column]\n&#091;\/su_row]\n\n&#091;su_row]\n&#091;su_column size=\"1\/3\"] &lt;img src=\"https:\/\/placehold.co\/500x150?text=One+Third\" alt=\"Open Lightbox\" \/&gt; &#091;\/su_column]\n&#091;su_column size=\"1\/3\"] &lt;img src=\"https:\/\/placehold.co\/500x150?text=One+Third\" alt=\"Open Lightbox\" \/&gt; &#091;\/su_column]\n&#091;su_column size=\"1\/3\"] &lt;img src=\"https:\/\/placehold.co\/500x150?text=One+Third\" alt=\"Open Lightbox\" \/&gt; &#091;\/su_column]\n&#091;\/su_row]\n\n&#091;su_row]\n&#091;su_column size=\"1\/4\"] &lt;img src=\"https:\/\/placehold.co\/500x150?text=One+Fourth\" alt=\"Open Lightbox\" \/&gt; &#091;\/su_column]\n&#091;su_column size=\"1\/4\"] &lt;img src=\"https:\/\/placehold.co\/500x150?text=One+Fourth\" alt=\"Open Lightbox\" \/&gt; &#091;\/su_column]\n&#091;su_column size=\"1\/4\"] &lt;img src=\"https:\/\/placehold.co\/500x150?text=One+Fourth\" alt=\"Open Lightbox\" \/&gt; &#091;\/su_column]\n&#091;su_column size=\"1\/4\"] &lt;img src=\"https:\/\/placehold.co\/500x150?text=One+Fourth\" alt=\"Open Lightbox\" \/&gt; &#091;\/su_column]\n&#091;\/su_row]<\/code><\/pre>\n<\/details>\n\n\n\n<h2 class=\"wp-block-heading\">1\/4 + 1\/2 + 1\/4<\/h2>\n\n\n<div class=\"su-row\">\n<div class=\"su-column su-column-size-1-4\"><div class=\"su-column-inner su-u-clearfix su-u-trim\"> <img decoding=\"async\" src=\"https:\/\/placehold.co\/500x150?text=One+Fourth\" alt=\"Open Lightbox\" \/> <\/div><\/div>\n<div class=\"su-column su-column-size-1-2\"><div class=\"su-column-inner su-u-clearfix su-u-trim\"> <img decoding=\"async\" src=\"https:\/\/placehold.co\/500x150?text=One+Half\" alt=\"Open Lightbox\" \/> <\/div><\/div>\n<div class=\"su-column su-column-size-1-4\"><div class=\"su-column-inner su-u-clearfix su-u-trim\"> <img decoding=\"async\" src=\"https:\/\/placehold.co\/500x150?text=One+Fourth\" alt=\"Open Lightbox\" \/> <\/div><\/div>\n<\/div>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Shortcode<\/summary>\n<pre class=\"wp-block-code\"><code>&#091;su_row]\n&#091;su_column size=\"1\/4\"] &lt;img src=\"https:\/\/placehold.co\/500x150?text=One+Fourth\" alt=\"Open Lightbox\" \/&gt; &#091;\/su_column]\n&#091;su_column size=\"1\/2\"] &lt;img src=\"https:\/\/placehold.co\/500x150?text=One+Half\" alt=\"Open Lightbox\" \/&gt; &#091;\/su_column]\n&#091;su_column size=\"1\/4\"] &lt;img src=\"https:\/\/placehold.co\/500x150?text=One+Fourth\" alt=\"Open Lightbox\" \/&gt; &#091;\/su_column]\n&#091;\/su_row]<\/code><\/pre>\n<\/details>\n\n\n\n<h2 class=\"wp-block-heading\">2\/3 + 1\/3<\/h2>\n\n\n<div class=\"su-row\">\n<div class=\"su-column su-column-size-2-3\"><div class=\"su-column-inner su-u-clearfix su-u-trim\"> <img decoding=\"async\" src=\"https:\/\/placehold.co\/500x150?text=Two+Thirds\" alt=\"Open Lightbox\" \/> <\/div><\/div>\n<div class=\"su-column su-column-size-1-3\"><div class=\"su-column-inner su-u-clearfix su-u-trim\"> <img decoding=\"async\" src=\"https:\/\/placehold.co\/500x150?text=One+Third\" alt=\"Open Lightbox\" \/> <\/div><\/div>\n<\/div>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Shortcode<\/summary>\n<pre class=\"wp-block-code\"><code>&#091;su_row]\n&#091;su_column size=\"2\/3\"] &lt;img src=\"https:\/\/placehold.co\/500x150?text=Two+Thirds\" alt=\"Open Lightbox\" \/&gt; &#091;\/su_column]\n&#091;su_column size=\"1\/3\"] &lt;img src=\"https:\/\/placehold.co\/500x150?text=One+Third\" alt=\"Open Lightbox\" \/&gt; &#091;\/su_column]\n&#091;\/su_row]<\/code><\/pre>\n<\/details>\n\n\n\n<h2 class=\"wp-block-heading\">4\/5 + 1\/5<\/h2>\n\n\n<div class=\"su-row\">\n<div class=\"su-column su-column-size-4-5\"><div class=\"su-column-inner su-u-clearfix su-u-trim\"> <img decoding=\"async\" src=\"https:\/\/placehold.co\/700x150?text=Four+Fifths\" alt=\"Open Lightbox\" \/> <\/div><\/div>\n<div class=\"su-column su-column-size-1-5\"><div class=\"su-column-inner su-u-clearfix su-u-trim\"> <img decoding=\"async\" src=\"https:\/\/placehold.co\/500x150?text=One+Fifth\" alt=\"Open Lightbox\" \/> <\/div><\/div>\n<\/div>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Shortcode<\/summary>\n<pre class=\"wp-block-code\"><code>&#091;su_row]\n&#091;su_column size=\"4\/5\"] &lt;img src=\"https:\/\/placehold.co\/500x150?text=Four+Fifths\" alt=\"Open Lightbox\" \/&gt; &#091;\/su_column]\n&#091;su_column size=\"1\/5\"] &lt;img src=\"https:\/\/placehold.co\/500x150?text=One+Fifth\" alt=\"Open Lightbox\" \/&gt; &#091;\/su_column]\n&#091;\/su_row]<\/code><\/pre>\n<\/details>\n","protected":false},"featured_media":0,"template":"","meta":{"_acf_changed":false},"class_list":["post-44059","demo-modal","type-demo-modal","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/demo-modal\/44059","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/demo-modal"}],"about":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/types\/demo-modal"}],"wp:attachment":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/media?parent=44059"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}