{"id":5161,"date":"2022-02-14T07:19:14","date_gmt":"2022-02-14T07:19:14","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=5161"},"modified":"2022-02-14T07:21:38","modified_gmt":"2022-02-14T07:21:38","slug":"creative-gridsection","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2022\/02\/14\/creative-gridsection\/","title":{"rendered":"Creative Grid(Section)"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">UDesign offers section creative grid. With this one, you can set any widgets in the body.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">How to create section Creative grid?<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1<\/strong>. Create, or choose the Section into which you want to add your element.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2<\/strong>. In\u00a0<strong>Layout<\/strong>\u00a0tab , you can find\u00a0<strong>UDesign Settings<\/strong>. And here set\u00a0<strong>Use Section For<\/strong>\u00a0to\u00a0<strong>Creative Grid<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"447\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/3-5-1024x447.png\" alt=\"\" class=\"wp-image-5162\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/3-5-1024x447.png 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/3-5-768x335.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 3<\/strong>. Choose column of top section. In\u00a0<strong>UDesign Settings<\/strong>\u00a0of\u00a0<strong>Layout<\/strong>\u00a0tab, set options.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"450\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/4-5-1024x450.png\" alt=\"\" class=\"wp-image-5163\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/4-5-1024x450.png 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/4-5-768x337.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Element Section Options<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Change Grid Height<\/strong>&nbsp;\u2013 Determine the height of the grid layout.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Grid Mobile Height<\/strong>&nbsp;\u2013 Determine the height of the grid layout on mobile.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Columns Spacing<\/strong>&nbsp;\u2013 Choose spacing around each grid items.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Use Float Grid<\/strong>&nbsp;\u2013 The Layout will be built with only float style not using isotope plugin. This is very useful for some simple creative layouts.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Element Column Options<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Grid Item Width<\/strong>&nbsp;\u2013 This option will be applied when only parent section is used for creative grid.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Grid Item Height<\/strong>&nbsp;\u2013 This Option will be applied when only parent section is used for creative grid.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Grid Item Order&nbsp;<\/strong>\u2013 This option will be applied when only parent section is used for creative grid not float grid.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>UDesign offers section creative grid. With this one, you can set any widgets in the body. How to create section Creative grid? Step 1. Create, or choose the Section into which you want to add your element. Step 2. In\u00a0Layout\u00a0tab , you can find\u00a0UDesign Settings. And here set\u00a0Use Section For\u00a0to\u00a0Creative Grid. Step 3. Choose column [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[32],"tags":[],"class_list":["post-5161","post","type-post","status-publish","format-standard","hentry","category-udesign-elements"],"_links":{"self":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/5161","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/comments?post=5161"}],"version-history":[{"count":3,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/5161\/revisions"}],"predecessor-version":[{"id":5173,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/5161\/revisions\/5173"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/media?parent=5161"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/categories?post=5161"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/tags?post=5161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}