{"id":553,"date":"2015-01-29T09:00:21","date_gmt":"2015-01-29T09:00:21","guid":{"rendered":"http:\/\/www.templatesnext.org\/icreate\/?page_id=553"},"modified":"2015-01-29T09:00:21","modified_gmt":"2015-01-29T09:00:21","slug":"columns","status":"publish","type":"page","link":"https:\/\/soldan.com.br\/?page_id=553","title":{"rendered":"Columns"},"content":{"rendered":"<p>Create up to 4 columns in the pages. The screen will give you option of selecting a row with 2,3 and 4 column but you can further edit to create row with other combinations like row with &#8220;3\/4 and 1\/4&#8221;, &#8220;2\/3 and 1\/3&#8221;, etc. You can insert images, texts or other shortcodes inside columns.<\/p>\n<p><a href=\"http:\/\/www.templatesnext.org\/icreate\/wp-content\/uploads\/2015\/01\/screen-column.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-554 tx-screen\" src=\"http:\/\/www.templatesnext.org\/icreate\/wp-content\/uploads\/2015\/01\/screen-column.png\" alt=\"screen-column\" width=\"960\" height=\"349\" \/><\/a><\/p>\n<div class=\"tx-divider clearfix\" style=\"margin-top: 24px;margin-bottom: 24px\"><\/div>\n<p><strong>Some example are :<\/strong><\/p>\n<h3>1\/2-1\/2 Column<\/h3>\n<div class=\"tx-row \">\n<div class=\"tx-column tx-column-size-1-2\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in eros vel ligula pulvinar vehicula a non ipsum. Morbi finibus, erat vitae condimentum tempus, velit tellus dignissim sem, sed pellentesque nulla nisl aliquam magna.<br \/>\n<\/div>\n<div class=\"tx-column tx-column-size-1-2\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in eros vel ligula pulvinar vehicula a non ipsum. Morbi finibus, erat vitae condimentum tempus, velit tellus dignissim sem, sed pellentesque nulla nisl aliquam magna..<br \/>\n<\/div>\n<\/div>\n<p><strong>The code will look like:<\/strong><br \/>\n<code><\/p>\n<pre>\n&#091;tx_row&#093;\n&#091;tx_column size=\"1\/2\"&#093;\nLorem ipsum dolor sit amet, consectetur adipiscing elit.\n&#091;\/tx_column&#093;\n&#091;tx_column size=\"1\/2\"&#093;\nLorem ipsum dolor sit amet, consectetur adipiscing elit.\n&#091;\/tx_column&#093;\n&#091;\/tx_row&#093;\n<\/pre>\n<p><\/code><br \/>\n<div class=\"tx-divider clearfix\" style=\"margin-top: 24px;margin-bottom: 24px\"><\/div>\n<h3>1\/3-1\/3-1\/3 Column<\/h3>\n<div class=\"tx-row \">\n<div class=\"tx-column tx-column-size-1-3\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in eros vel ligula pulvinar vehicula a non ipsum. Morbi finibus, erat vitae condimentum tempus, velit tellus dignissim sem, sed pellentesque nulla nisl aliquam magna.<br \/>\n<\/div>\n<div class=\"tx-column tx-column-size-1-3\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in eros vel ligula pulvinar vehicula a non ipsum. Morbi finibus, erat vitae condimentum tempus, velit tellus dignissim sem, sed pellentesque nulla nisl aliquam magna.<br \/>\n<\/div>\n<div class=\"tx-column tx-column-size-1-3\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in eros vel ligula pulvinar vehicula a non ipsum. Morbi finibus, erat vitae condimentum tempus, velit tellus dignissim sem, sed pellentesque nulla nisl aliquam magna..<br \/>\n<\/div>\n<\/div>\n<p><strong>The code will look like :<\/strong><\/p>\n<pre>\n&#091;tx_row&#093;\n&#091;tx_column size=\"1\/3\"&#093;\nLorem ipsum dolor sit amet, consectetur adipiscing elit.\n&#091;\/tx_column&#093;\n&#091;tx_column size=\"1\/3\"&#093;\nLorem ipsum dolor sit amet, consectetur adipiscing elit.\n&#091;\/tx_column&#093;\n&#091;tx_column size=\"1\/3\"&#093;\nLorem ipsum dolor sit amet, consectetur adipiscing elit.\n&#091;\/tx_column&#093;\n&#091;\/tx_row&#093;\n<\/pre>\n<div class=\"tx-divider clearfix\" style=\"margin-top: 24px;margin-bottom: 24px\"><\/div>\n<h3>1\/3-1\/3-1\/3 Column with combination of images and heading<\/h3>\n<div class=\"tx-row \">\n<div class=\"tx-column tx-column-size-1-3\">\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-18\" src=\"http:\/\/www.templatesnext.org\/icreate\/wp-content\/uploads\/2014\/12\/8-1024x576.jpg\" alt=\"8\" width=\"604\" height=\"340\" \/><br \/>\n<div class=\"tx-spacer clearfix\" style=\"height: 12px\"><\/div>\n<div class=\"tx-heading\" style=\"margin-bottom:18px; text-align: left;\"><h3 class=\"tx-heading-tag\" style=\"font-size:20px;\">Heading One<\/h3><\/div>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in eros vel ligula pulvinar vehicula a non ipsum. Morbi finibus, erat vitae condimentum tempus, velit tellus dignissim sem, sed pellentesque nulla nisl aliquam magna.<\/p>\n<p><a href=\"#\">Know More..<\/a><br \/>\n<\/div>\n<div class=\"tx-column tx-column-size-1-3\">\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-17\" src=\"http:\/\/www.templatesnext.org\/icreate\/wp-content\/uploads\/2014\/12\/7.jpg\" alt=\"7\" width=\"1600\" height=\"900\" \/><br \/>\n<div class=\"tx-spacer clearfix\" style=\"height: 12px\"><\/div>\n<div class=\"tx-heading\" style=\"margin-bottom:18px; text-align: left;\"><h3 class=\"tx-heading-tag\" style=\"font-size:20px;\">Heading Two<\/h3><\/div>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in eros vel ligula pulvinar vehicula a non ipsum. Morbi finibus, erat vitae condimentum tempus, velit tellus dignissim sem, sed pellentesque nulla nisl aliquam magna.<\/p>\n<p><a href=\"#\">Know More..<\/a><br \/>\n<\/div>\n<div class=\"tx-column tx-column-size-1-3\">\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-426\" src=\"http:\/\/www.templatesnext.org\/icreate\/wp-content\/uploads\/2014\/01\/2-1024x576.jpg\" alt=\"2\" width=\"604\" height=\"340\" \/><br \/>\n<div class=\"tx-spacer clearfix\" style=\"height: 12px\"><\/div>\n<div class=\"tx-heading\" style=\"margin-bottom:18px; text-align: left;\"><h3 class=\"tx-heading-tag\" style=\"font-size:20px;\">Heading Three<\/h3><\/div>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in eros vel ligula pulvinar vehicula a non ipsum. Morbi finibus, erat vitae condimentum tempus, velit tellus dignissim sem, sed pellentesque nulla nisl aliquam magna..<\/p>\n<p><a href=\"#\">Know More..<\/a><br \/>\n<\/div>\n<\/div>\n<div class=\"tx-divider clearfix\" style=\"margin-top: 32px;margin-bottom: 32px\"><\/div>\n<h3>1\/4-1\/4-1\/4-1\/4 Column<\/h3>\n<div class=\"tx-row \">\n<div class=\"tx-column tx-column-size-1-4\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in eros vel ligula pulvinar vehicula a non ipsum. Morbi finibus, erat vitae condimentum tempus, velit tellus dignissim sem, sed pellentesque nulla nisl aliquam magna.<br \/>\n<\/div>\n<div class=\"tx-column tx-column-size-1-4\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in eros vel ligula pulvinar vehicula a non ipsum. Morbi finibus, erat vitae condimentum tempus, velit tellus dignissim sem, sed pellentesque nulla nisl aliquam magna.<br \/>\n<\/div>\n<div class=\"tx-column tx-column-size-1-4\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in eros vel ligula pulvinar vehicula a non ipsum. Morbi finibus, erat vitae condimentum tempus, velit tellus dignissim sem, sed pellentesque nulla nisl aliquam magna..<br \/>\n<\/div>\n<div class=\"tx-column tx-column-size-1-4\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in eros vel ligula pulvinar vehicula a non ipsum. Morbi finibus, erat vitae condimentum tempus, velit tellus dignissim sem, sed pellentesque nulla nisl aliquam magna..<br \/>\n<\/div>\n<\/div>\n<p><strong>The code will look like :<\/strong><\/p>\n<pre>\n&#091;tx_row&#093;\n&#091;tx_column size=\"1\/4\"&#093;\nLorem ipsum dolor sit amet, consectetur adipiscing elit.\n&#091;\/tx_column&#093;\n&#091;tx_column size=\"1\/4\"&#093;\nLorem ipsum dolor sit amet, consectetur adipiscing elit.\n&#091;\/tx_column&#093;\n&#091;tx_column size=\"1\/4\"&#093;\nLorem ipsum dolor sit amet, consectetur adipiscing elit.\n&#091;\/tx_column&#093;\n&#091;tx_column size=\"1\/4\"&#093;\nLorem ipsum dolor sit amet, consectetur adipiscing elit.\n&#091;\/tx_column&#093;\n&#091;\/tx_row&#093;\n<\/pre>\n<div class=\"tx-divider clearfix\" style=\"margin-top: 24px;margin-bottom: 24px\"><\/div>\n<h3>2\/3-1\/3 Column<\/h3>\n<div class=\"tx-row \">\n<div class=\"tx-column tx-column-size-2-3\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in eros vel ligula pulvinar vehicula a non ipsum. Morbi finibus, erat vitae condimentum tempus, velit tellus dignissim sem, sed pellentesque nulla nisl aliquam magna.<br \/>\n<\/div>\n<div class=\"tx-column tx-column-size-1-3\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in eros vel ligula pulvinar vehicula a non ipsum. Morbi finibus, erat vitae condimentum tempus, velit tellus dignissim sem, sed pellentesque nulla nisl aliquam magna.<br \/>\n<\/div>\n<\/div>\n<p><strong>The code will look like :<\/strong><\/p>\n<pre>\n&#091;tx_row&#093;\n&#091;tx_column size=\"2\/3\"&#093;\nLorem ipsum dolor sit amet, consectetur adipiscing elit.\n&#091;\/tx_column&#093;\n&#091;tx_column size=\"1\/3\"&#093;\nLorem ipsum dolor sit amet, consectetur adipiscing elit.\n&#091;\/tx_column&#093;\n&#091;\/tx_row&#093;\n<\/pre>\n<div class=\"tx-divider clearfix\" style=\"margin-top: 24px;margin-bottom: 24px\"><\/div>\n<h3>3\/4-1\/4 Column<\/h3>\n<div class=\"tx-row \">\n<div class=\"tx-column tx-column-size-3-4\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in eros vel ligula pulvinar vehicula a non ipsum. Morbi finibus, erat vitae condimentum tempus, velit tellus dignissim sem, sed pellentesque nulla nisl aliquam magna.<br \/>\n<\/div>\n<div class=\"tx-column tx-column-size-1-4\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in eros vel ligula pulvinar vehicula a non ipsum. Morbi finibus, erat vitae condimentum tempus, velit tellus dignissim sem, sed pellentesque nulla nisl aliquam magna.<br \/>\n<\/div>\n<\/div>\n<p><strong>The code will look like :<\/strong><\/p>\n<pre>\n&#091;tx_row&#093;\n&#091;tx_column size=\"3\/4\"&#093;\nLorem ipsum dolor sit amet, consectetur adipiscing elit.\n&#091;\/tx_column&#093;\n&#091;tx_column size=\"1\/4\"&#093;\nLorem ipsum dolor sit amet, consectetur adipiscing elit.\n&#091;\/tx_column&#093;\n&#091;\/tx_row&#093;\n<\/pre>\n<div class=\"tx-divider clearfix\" style=\"margin-top: 24px;margin-bottom: 24px\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Create up to 4 columns in the pages. The screen will give you option of selecting a row with 2,3 and 4 column but you can further edit to create row with<a class=\"moretag\" href=\"https:\/\/soldan.com.br\/?page_id=553\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-553","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/soldan.com.br\/index.php?rest_route=\/wp\/v2\/pages\/553","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/soldan.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/soldan.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/soldan.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/soldan.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=553"}],"version-history":[{"count":0,"href":"https:\/\/soldan.com.br\/index.php?rest_route=\/wp\/v2\/pages\/553\/revisions"}],"wp:attachment":[{"href":"https:\/\/soldan.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=553"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}