{"id":7159,"date":"2024-04-14T17:02:24","date_gmt":"2024-04-14T09:02:24","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=7159"},"modified":"2024-04-14T17:02:24","modified_gmt":"2024-04-14T09:02:24","slug":"utilize-text-columns-in-webflow","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/en\/utilize-text-columns-in-webflow\/","title":{"rendered":"Utilize text columns in Webflow"},"content":{"rendered":"\n
\n

Text columns enable you to optimize horizontal space usage and uphold readability. Within the Style panel, you have the ability to generate columnar text that impacts text elements and other components like forms. Moreover, you can configure headings to extend across multiple columns or wrap within their own column.<\/p>\n

Utilization of Columns<\/h2>\n

To arrange your content in multiple columns, specify the column count, which denotes the number of columns, in the input field.<\/p>\n

Access the text column properties to personalize the column settings.<\/p>\n

\n
\"The<\/div>\n<\/figure>\n

Column Quantity<\/h3>\n

The initial value in the column count input field is set to auto, which equates to one column.<\/p>\n

\n
\"The<\/div>\n<\/figure>\n

You can define the number of columns in the column input field. For ensuring content displays within a single column on mobile devices, navigate to the mobile view and set the column count to auto.<\/p>\n

Text Column Properties<\/h2>\n

Once you have specified the column quantity, proceed to the text column properties situated next to the column count input.<\/p>\n

Here, you can specify the gap between your columns, incorporate and style a column divider, or configure a column child to span over all columns.<\/p>\n

\n
\"The<\/div>\n<\/figure>\n

Gap<\/h3>\n

The default gap (the space between columns) is 0 px. You can tailor it in the column properties.<\/p>\n

Discover more about<\/strong>input values and units<\/strong>.<\/strong><\/p>\n

Divider Configuration<\/h3>\n

You can insert a divider (a line or rule) between the columns if you aim for a newspaper-esque appearance. You can personalize the style<\/strong>, width<\/strong>, and color <\/strong>of this divider in this section.<\/p>\n

Style<\/h3>\n

Select from the following line styles:<\/p>\n

    \n
  • No rule (x)<\/li>\n
  • Solid \u2014\u2014\u2014\u2014<\/li>\n
  • Dashed ——-<\/li>\n
  • Dotted \u2026\u2026.<\/li>\n<\/ul>\n

    Width<\/h3>\n\n

    Color<\/h3>\n\n
    \n
    \"The<\/div>\n<\/figure>\n

    Column Child<\/h2>\n\n
    \n
    \"The<\/div>\n<\/figure>\n

    Span<\/h3>\ndo<\/strong>\u201d.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Create columnar text that applies to text elements and other elements, like forms that use the text columns property.","protected":false},"author":2,"featured_media":7160,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[284],"tags":[],"class_list":{"0":"post-7159","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-layout-design","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/7159","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/comments?post=7159"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/7159\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media\/7160"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media?parent=7159"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/categories?post=7159"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/tags?post=7159"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}