{"version":"1.0","provider_name":"Divi Extended Documentation","provider_url":"https:\/\/diviextended.com\/documentation","author_name":"Divi Extended","author_url":"https:\/\/diviextended.com\/documentation\/author\/diviextended\/","title":"Ordering issue in masonry layout? - Divi Extended Documentation","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"bdvlJ2fqGi\"><a href=\"https:\/\/diviextended.com\/documentation\/divi-blog-extras\/ordering-issue-in-masonry-layout\/\">Ordering issue in masonry layout?<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/diviextended.com\/documentation\/divi-blog-extras\/ordering-issue-in-masonry-layout\/embed\/#?secret=bdvlJ2fqGi\" width=\"600\" height=\"338\" title=\"&#8220;Ordering issue in masonry layout?&#8221; &#8212; Divi Extended Documentation\" data-secret=\"bdvlJ2fqGi\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/diviextended.com\/documentation\/wp-includes\/js\/wp-embed.min.js\n<\/script>\n","description":"In masonry layouts, posts in the first row are displayed from left to right. For the subsequent posts, the placement is decided based on the space available from top. For example, here 4th post is displayed below 3 as it is the nearest free space from the top. Here is another example. Here post 5 [&hellip;]","thumbnail_url":"https:\/\/diviextended.com\/documentation\/wp-content\/uploads\/2021\/10\/divi-blog-extras-masonry-paint-steps.webp"}