![\"ColumnSpan1\"](\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/10\/15001040\/ColumnSpan1.png\")
<\/a><\/p>\n<\/p>\n
1. Before you begin, refer to this page<\/a> to learn about the basics of the column shortcode. To span a column, add span=”#<\/em>“\u00a0<\/i>where #<\/em> is the number of sections out of twelve you want the column to span\u00a0(do not add any extra spaces around the equals sign) inside the starting shortcode for the column. For example, [column span=\"3\"] would create a column that spans 3 sections or 1\/4th of the page.<\/p>\n Note: #<\/em>\u00a0should never be greater than 12.<\/p>\n 2. The spans for the all columns in the column-group should add up to equal 12.<\/p>\n <\/p>\n","protected":false},"excerpt":{"rendered":" Spanning Columns<\/p>\n Pages and posts are divided up into 12 different sections and the columns shortcode can take advantage of this by allowing for columns to be spanned. By spanning a column, it can be forced to be larger or smaller than the other columns in the same group.<\/p>\n Note: Columns have a small gap between one another.<\/p>\n <\/a><\/p>\n <\/p>\n<\/a><\/p>\nCode:<\/h4>\n
Three Columns\r\n[column-group]\r\n[column span=\"3\"]\r\nA decided identifier dodges around the voter. The envy computerizes the syntactic anger over the rumor. A dominant conforms past the pun. The straight garden renders this candidate under the outraged island.\r\n[\/column]]\r\n[column span=\"7\"]\r\nThe battery objects? Below a selective metaphor stops a precious protein. The western reflects next to the nose. The pedantic parameter believes whatever convenience. The vat struggles across this exotic calendar.\r\n[\/column]\r\n[column span=\"2\"]\r\nThe subsidiary soap fusses. The pun pops below a cosmology! A god advocates the worst molecule. The censored arrogance dies in an analysis.\r\n[\/column]\r\n[\/column-group]<\/pre>\n
\n<\/a><\/p>\n
\n<\/a><\/p>\n
![<\/a><\/p>\nCode:Three Columns<\/p>\n<\/p>\n\n\nA decided identifier dodges around the voter. The envy computerizes the syntactic anger over the rumor. A dominant conforms past the pun.<\/p>\n<\/div>\n<\/div>\nContinue reading… How to Span Columns<\/span><\/a><\/p>\n","protected":false},"author":19,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"spay_email":""},"_links":{"self":[{"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/pages\/686"}],"collection":[{"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/comments?post=686"}],"version-history":[{"count":7,"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/pages\/686\/revisions"}],"predecessor-version":[{"id":699,"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/pages\/686\/revisions\/699"}],"wp:attachment":[{"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/media?parent=686"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}](\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2015\/10\/15001039\/ColumnSpan2.png\"){kind=link}