{"id":4110,"date":"2017-01-27T08:21:30","date_gmt":"2017-01-27T08:21:30","guid":{"rendered":"http:\/\/demo.agnidesigns.com\/fortune\/documentation\/?p=4110"},"modified":"2017-07-23T13:46:09","modified_gmt":"2017-07-23T13:46:09","slug":"add-columns","status":"publish","type":"page","link":"https:\/\/demo.agnihd.com\/milton\/documentation\/add-columns\/","title":{"rendered":"Add Columns"},"content":{"rendered":"<p>[vc_row fullwidth=&#8221;has-fullwidth-column-no-padding&#8221; el_id=&#8221;column_element&#8221; el_class=&#8221;column_element&#8221;][vc_column][vc_column_text]When you are adding <strong>Row,<\/strong>\u00a0the <strong>Column<\/strong>\u00a0will be added automatically with Row element. You can change the column setting by\u00a0<a href=\"#row-diagram\">Edit Column<\/a>[\/vc_column_text][vc_custom_heading text=&#8221;General&#8221; font_container=&#8221;tag:h4|text_align:left&#8221; use_theme_fonts=&#8221;yes&#8221;][vc_column_text]<strong>General settings<\/strong> contain Alignment &amp; Column dark mode Settings. Alignment setting can be overwritten by the inner level elements.[\/vc_column_text][vc_custom_heading text=&#8221;Design Settings&#8221; font_container=&#8221;tag:h4|text_align:left&#8221; use_theme_fonts=&#8221;yes&#8221; css=&#8221;.vc_custom_1451290542547{margin-top: 50px !important;}&#8221;][vc_column_text]Similar to the\u00a0row, you can setup <strong>background image\/color,<\/strong>\u00a0<strong>paddings, margins, borders<\/strong> for this particular column.[\/vc_column_text][vc_custom_heading text=&#8221;Responsiveness&#8221; font_container=&#8221;tag:h4|text_align:left&#8221; use_theme_fonts=&#8221;yes&#8221; css=&#8221;.vc_custom_1451290555877{margin-top: 50px !important;}&#8221;][vc_column_text]This is an important feature for each column. You can control the responsiveness of the column on each device as shown\u00a0in the image(right side) from the <strong>Responsive settings<\/strong>.[\/vc_column_text][vc_custom_heading text=&#8221;Animation Settings&#8221; font_container=&#8221;tag:h4|text_align:left&#8221; use_theme_fonts=&#8221;yes&#8221; css=&#8221;.vc_custom_1451290611587{margin-top: 50px !important;}&#8221;][vc_column_text]By default, <strong>Animation Settings<\/strong>\u00a0is disabled. You can choose your desired animation\u00a0to animate the inner elements. It also allows you to setup the <strong>delay, duration &amp; offset<\/strong>[\/vc_column_text][vc_custom_heading text=&#8221;Parallax Settings&#8221; font_container=&#8221;tag:h4|text_align:left&#8221; use_theme_fonts=&#8221;yes&#8221; css=&#8221;.vc_custom_1451290611587{margin-top: 50px !important;}&#8221;][vc_column_text]By default, <strong>Background\u00a0Parallax &amp; Content \u00a0Parallax\u00a0<\/strong>\u00a0is disabled. You can enable and customize as per your wish.[\/vc_column_text]<div class=\" agni-image custom-image-container text-left\">\r\n\t\t\t<figure class=\"agni-image-figure\">\r\n\t\t\t\t<a href=\"https:\/\/demo.agnihd.com\/milton\/documentation\/wp-content\/uploads\/sites\/17\/2017\/01\/vc_column_options_screenshot-1.jpg\" class=\"custom-image\" target=\"_self\"><img  width=\"738\" height=\"678\" src=\"https:\/\/demo.agnihd.com\/milton\/documentation\/wp-content\/uploads\/sites\/17\/2017\/01\/vc_column_options_screenshot-1.jpg\" class=\"fullwidth-image attachment-full  attachment-full\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/demo.agnihd.com\/milton\/documentation\/wp-content\/uploads\/sites\/17\/2017\/01\/vc_column_options_screenshot-1.jpg 738w, https:\/\/demo.agnihd.com\/milton\/documentation\/wp-content\/uploads\/sites\/17\/2017\/01\/vc_column_options_screenshot-1-300x276.jpg 300w\" sizes=\"(max-width: 738px) 100vw, 738px\" \/><\/a>\r\n\t\t\t\t<figcaption class=\"vc_figure-caption\"><\/figcaption>\r\n\t\t\t<\/figure>\r\n\t\t<\/div>[\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When you are adding Row, the Column will be added automatically with Row element. You can change the column setting by Edit Column<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/demo.agnihd.com\/milton\/documentation\/wp-json\/wp\/v2\/pages\/4110"}],"collection":[{"href":"https:\/\/demo.agnihd.com\/milton\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.agnihd.com\/milton\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.agnihd.com\/milton\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.agnihd.com\/milton\/documentation\/wp-json\/wp\/v2\/comments?post=4110"}],"version-history":[{"count":6,"href":"https:\/\/demo.agnihd.com\/milton\/documentation\/wp-json\/wp\/v2\/pages\/4110\/revisions"}],"predecessor-version":[{"id":4481,"href":"https:\/\/demo.agnihd.com\/milton\/documentation\/wp-json\/wp\/v2\/pages\/4110\/revisions\/4481"}],"wp:attachment":[{"href":"https:\/\/demo.agnihd.com\/milton\/documentation\/wp-json\/wp\/v2\/media?parent=4110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}