{"version":"1.0","provider_name":"Citra Group","provider_url":"https:\/\/thecitragroup.com\/id","author_name":"admintcg","author_url":"https:\/\/thecitragroup.com\/id\/author\/admintcg\/","title":"How to make custom grid element?","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"04w2cUGe62\"><a href=\"https:\/\/thecitragroup.com\/id\/help\/how-to-make-custom-grid-element\/\">How to make custom grid element?<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/thecitragroup.com\/id\/help\/how-to-make-custom-grid-element\/embed\/#?secret=04w2cUGe62\" width=\"600\" height=\"338\" title=\"&#8220;How to make custom grid element?&#8221; &#8212; Citra Group\" data-secret=\"04w2cUGe62\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\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\/* ]]> *\/\n<\/script>","description":"Starting from version 4.4&nbsp;WPBakery Page Builder has introduced Grid Builder which allows creating templates for using in Post Grid, Post Masonry Grid, Media Grid and Masonry Media Grid elements. Grid Builder is available in WordPress admin menu \u201cGrid Builder\u201d. When creating new grid element it is possible to start building grid from scratch or choose one of default grid elements as a starting point. Grid element has 2 (two) zones: Normal\/Hover zone which is the main zone for building grid element (Note:&nbsp;when adding new grid only \u201cNormal\u201d zone will be available, to activate \u201cHover zone\u201d choose animation preset from dropdown list located in right top corner of the builder). Additional zone which can be added on the left, right, top or bottom parts of grid element. To add additional zone click on one of the empty blocks located around \u201cNormal\u201d zone. It is allowed to drag and drop additional zone from one location to another (Note: only one additional zone can be added at the time). \u201cNormal\u201d and \u201cHover\u201d zone settings(can be accessed by choosing \u201cEdit\u2019 option of zone) allows adding \u201cFeatured image\u201d to a particular zone and choosing proportions(Height mode). Choosing \u201cOriginal\u201d value in \u201cHeight mode\u201d means that \u201cFeatured Image\u201d won\u2019t be cropped (Note:&nbsp;this is used in Masonry style grid if you wish to have images in grid with different height).","thumbnail_url":"https:\/\/thecitragroup.com\/wp-content\/uploads\/2021\/06\/COVER_ARTIKEL_-_Air_Comp_Hitachi-scaled.jpg","thumbnail_width":2048,"thumbnail_height":1448}