{"id":585,"date":"2019-03-11T12:02:46","date_gmt":"2019-03-11T12:02:46","guid":{"rendered":"https:\/\/rockythemes.com\/nimva3\/docs\/?p=585"},"modified":"2019-03-11T12:04:10","modified_gmt":"2019-03-11T12:04:10","slug":"how-to-create-custom-row-layouts","status":"publish","type":"post","link":"https:\/\/rockythemes.com\/nimva3\/docs\/how-to-create-custom-row-layouts\/","title":{"rendered":"How to create Custom Row Layouts"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">To change the layout of a Row element, edit your page using the Front End editor and expand the controls of the Row element. Click on Change layout button.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the pop-up Window, chose the layout you want by selecting the options under Row Layout.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/03\/pb-13.jpg\" rel=\"prettyPhoto\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"408\" src=\"https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/03\/pb-13-1024x408.jpg\" alt=\"\" class=\"wp-image-587\" srcset=\"https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/03\/pb-13-1024x408.jpg 1024w, https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/03\/pb-13-300x120.jpg 300w, https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/03\/pb-13-768x306.jpg 768w, https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/03\/pb-13.jpg 1076w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">We can also set a custom layout by entering the direct columns layout. For example:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>1\/3 + 1\/3 + 1\/3 will create a Row element with 3 equal width columns.<\/li><li>1\/4 + 1\/2 + 1\/4 will create a Row element with 3 columns. First column will be 25%, second column will be 50% and the last column will be 25%.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Experience with custom layouts, based on your needs to create the perfect layouts for your pages<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Creating Custom Row layouts using the Page Builder<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-585","post","type-post","status-publish","format-standard","hentry","category-page-builder"],"_links":{"self":[{"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/posts\/585","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/comments?post=585"}],"version-history":[{"count":3,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/posts\/585\/revisions"}],"predecessor-version":[{"id":589,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/posts\/585\/revisions\/589"}],"wp:attachment":[{"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/media?parent=585"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/categories?post=585"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/tags?post=585"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}