{"id":578,"date":"2019-03-11T11:55:44","date_gmt":"2019-03-11T11:55:44","guid":{"rendered":"https:\/\/rockythemes.com\/nimva3\/docs\/?p=578"},"modified":"2019-03-11T11:56:02","modified_gmt":"2019-03-11T11:56:02","slug":"how-to-create-equal-height-columns","status":"publish","type":"post","link":"https:\/\/rockythemes.com\/nimva3\/docs\/how-to-create-equal-height-columns\/","title":{"rendered":"How to create Equal height columns"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"> Equal Height Columns are useful if we want to have a Row element with more than one column inside with the same height. For example in one column we can set a Background Image and add some content on the other column. To make sure that both the Background Image and Content use the same height, the Equal Height option is used. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"442\" src=\"https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/03\/eq-height-column.jpg\" alt=\"\" class=\"wp-image-579\" srcset=\"https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/03\/eq-height-column.jpg 960w, https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/03\/eq-height-column-300x138.jpg 300w, https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/03\/eq-height-column-768x354.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">To enable the Equal Height option, edit your page with the FrontEnd Page Builder.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hover your mouse over the Row element which will have the Equal Height option enabled.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Click the&nbsp;<strong>Edit Row button<\/strong>&nbsp;&#8211; it&#8217;s the Pencil Icon.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the new Pop-up Window -&gt; go to&nbsp;<strong>General<\/strong>&nbsp;Tab.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Find the\u00a0<strong>Equal Height<\/strong>\u00a0option and enable it.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/03\/eq-height-render.jpg\" rel=\"prettyPhoto\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"577\" src=\"https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/03\/eq-height-render-1024x577.jpg\" alt=\"\" class=\"wp-image-580\" srcset=\"https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/03\/eq-height-render-1024x577.jpg 1024w, https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/03\/eq-height-render-300x169.jpg 300w, https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/03\/eq-height-render-768x433.jpg 768w, https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/03\/eq-height-render.jpg 1242w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Set the position of the content by using the&nbsp;<strong>Content Position<\/strong>&nbsp;option and then hit&nbsp;<strong>Save Changes<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Creating Equal Height columns 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-578","post","type-post","status-publish","format-standard","hentry","category-page-builder"],"_links":{"self":[{"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/posts\/578","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=578"}],"version-history":[{"count":2,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/posts\/578\/revisions"}],"predecessor-version":[{"id":582,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/posts\/578\/revisions\/582"}],"wp:attachment":[{"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/media?parent=578"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/categories?post=578"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/tags?post=578"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}