{"id":3252,"date":"2025-08-07T19:04:22","date_gmt":"2025-08-07T19:04:22","guid":{"rendered":"https:\/\/flexipostgrid.creativewebui.com\/?post_type=docs&p=3252"},"modified":"2025-08-09T06:35:33","modified_gmt":"2025-08-09T06:35:33","password":"","slug":"grid-text-wrapper-style","status":"publish","type":"docs","link":"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/grid-text-wrapper-style\/","title":{"rendered":"Grid Text Wrapper Style"},"content":{"rendered":"\n

Grid Text Wrapper Style<\/h2>\n\n\n\n

The Grid Text Wrapper<\/strong> section provides layout, spacing, background, and positioning controls for text blocks within grid layouts. These settings ensure proper alignment, spacing, and style consistency for content in grid-based designs.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
Control<\/th>Description<\/th><\/tr><\/thead>
Horizontal Alignment<\/strong><\/td>Aligns the text wrapper horizontally (left, center, right).<\/td><\/tr>
Content Wrapper Width<\/strong><\/td>Sets the maximum width of the content wrapper in pixels.<\/td><\/tr>
Grid Text Wrapper Background<\/strong><\/td>Changes the background color or image of the grid text wrapper.<\/td><\/tr>
Border Type<\/strong><\/td>Selects the border style (solid, dashed, dotted, etc.).<\/td><\/tr>
Border Radius<\/strong><\/td>Adjusts the corner roundness of the grid text wrapper in pixels.<\/td><\/tr>
Padding<\/strong><\/td>Controls the inner spacing between content and wrapper edges.<\/td><\/tr>
Margin<\/strong><\/td>Controls the outer spacing between the wrapper and surrounding elements.<\/td><\/tr>
Flex Direction<\/strong><\/td>Sets the direction of content flow (row, row-reverse, column, column-reverse).<\/td><\/tr>
Vertical Alignment<\/strong><\/td>Aligns the content vertically (top, middle, bottom).<\/td><\/tr>
Position<\/strong><\/td>Defines the CSS positioning type (default, absolute, relative, etc.).<\/td><\/tr>
Box Shadow<\/strong><\/td>Adds a shadow effect around the wrapper for depth and emphasis.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

Alternative Grid Text Wrapper<\/h2>\n\n\n\n

The Alternative Grid Text Wrapper<\/strong> section allows you to customize the appearance of an alternate text wrapper style within grid layouts. It primarily focuses on background and text color variations for normal and hover states.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
Control<\/th>Description<\/th><\/tr><\/thead>
Alternative Grid Text Wrapper Background<\/strong><\/td>Sets the background color or image for the alternative grid text wrapper.<\/td><\/tr>
Alternative Grid Title Color<\/strong><\/td>Defines the text color for grid titles in normal state.<\/td><\/tr>
Alternative Grid Title Hover Color<\/strong><\/td>Defines the text color for grid titles when hovered.<\/td><\/tr>
Alternative Grid Excerpt Color<\/strong><\/td>Sets the color for excerpt text within the alternative grid wrapper.<\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"excerpt":{"rendered":"

Grid Text Wrapper Style The Grid Text Wrapper section provides layout, spacing, background, and positioning controls for text blocks within grid layouts. These settings ensure proper alignment, spacing, and style consistency for content in grid-based designs. Control Description Horizontal Alignment Aligns the text wrapper horizontally (left, center, right). Content Wrapper Width Sets the maximum width of the content wrapper in pixels. Grid Text Wrapper Background Changes the background color or image of the grid text wrapper. Border Type Selects the border style (solid, dashed, dotted, etc.). Border Radius Adjusts the corner roundness of the grid text wrapper in pixels. Padding Controls the inner spacing between content and wrapper edges. Margin Controls the outer spacing between the wrapper and surrounding elements. Flex Direction Sets the direction of content flow (row, row-reverse, column, column-reverse). Vertical Alignment Aligns the content vertically (top, middle, bottom). Position Defines the CSS positioning type (default, absolute, relative, etc.). Box Shadow Adds a shadow effect around the wrapper for depth and emphasis. Alternative Grid Text Wrapper The Alternative Grid Text Wrapper section allows you to customize the appearance of an alternate text wrapper style within grid layouts. It primarily focuses on background and text color variations for normal and hover states. Control Description Alternative Grid Text Wrapper Background Sets the background color or image for the alternative grid text wrapper. Alternative Grid Title Color Defines the text color for grid titles in normal state. Alternative Grid Title Hover Color Defines the text color for grid titles when hovered. Alternative Grid Excerpt Color Sets the color for excerpt text within the alternative grid wrapper.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[32],"doc_tag":[],"class_list":["post-3252","docs","type-docs","status-publish","hentry","doc_category-common-grid-style"],"year_month":"2026-04","word_count":246,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Elementordipak","author_nicename":"elementordipak","author_url":"https:\/\/creativewebui.com\/flexi-post-grid\/author\/elementordipak\/"},"doc_category_info":[{"term_name":"Common Grid Style","term_url":"https:\/\/creativewebui.com\/flexi-post-grid\/docs-category\/common-grid-style\/"}],"doc_tag_info":[],"yoast_head":"\nGrid Text Wrapper Style - Flexi Post Grid<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/grid-text-wrapper-style\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Grid Text Wrapper Style - Flexi Post Grid\" \/>\n<meta property=\"og:description\" content=\"Grid Text Wrapper Style The Grid Text Wrapper section provides layout, spacing, background, and positioning controls for text blocks within grid layouts. These settings ensure proper alignment, spacing, and style consistency for content in grid-based designs. Control Description Horizontal Alignment Aligns the text wrapper horizontally (left, center, right). Content Wrapper Width Sets the maximum width of the content wrapper in pixels. Grid Text Wrapper Background Changes the background color or image of the grid text wrapper. Border Type Selects the border style (solid, dashed, dotted, etc.). Border Radius Adjusts the corner roundness of the grid text wrapper in pixels. Padding Controls the inner spacing between content and wrapper edges. Margin Controls the outer spacing between the wrapper and surrounding elements. Flex Direction Sets the direction of content flow (row, row-reverse, column, column-reverse). Vertical Alignment Aligns the content vertically (top, middle, bottom). Position Defines the CSS positioning type (default, absolute, relative, etc.). Box Shadow Adds a shadow effect around the wrapper for depth and emphasis. Alternative Grid Text Wrapper The Alternative Grid Text Wrapper section allows you to customize the appearance of an alternate text wrapper style within grid layouts. It primarily focuses on background and text color variations for normal and hover states. Control Description Alternative Grid Text Wrapper Background Sets the background color or image for the alternative grid text wrapper. Alternative Grid Title Color Defines the text color for grid titles in normal state. Alternative Grid Title Hover Color Defines the text color for grid titles when hovered. Alternative Grid Excerpt Color Sets the color for excerpt text within the alternative grid wrapper.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/grid-text-wrapper-style\/\" \/>\n<meta property=\"og:site_name\" content=\"Flexi Post Grid\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-09T06:35:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Grid-Text-Wrapper.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/grid-text-wrapper-style\/\",\"url\":\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/grid-text-wrapper-style\/\",\"name\":\"Grid Text Wrapper Style - Flexi Post Grid\",\"isPartOf\":{\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/grid-text-wrapper-style\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/grid-text-wrapper-style\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Grid-Text-Wrapper.jpg\",\"datePublished\":\"2025-08-07T19:04:22+00:00\",\"dateModified\":\"2025-08-09T06:35:33+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/grid-text-wrapper-style\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/grid-text-wrapper-style\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/grid-text-wrapper-style\/#primaryimage\",\"url\":\"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Grid-Text-Wrapper.jpg\",\"contentUrl\":\"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Grid-Text-Wrapper.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/grid-text-wrapper-style\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/creativewebui.com\/flexi-post-grid\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Documentation\",\"item\":\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Grid Text Wrapper Style\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/#website\",\"url\":\"https:\/\/flexipostgrid.creativewebui.com\/\",\"name\":\"Flexi Post Grid\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/flexipostgrid.creativewebui.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Grid Text Wrapper Style - Flexi Post Grid","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/grid-text-wrapper-style\/","og_locale":"en_US","og_type":"article","og_title":"Grid Text Wrapper Style - Flexi Post Grid","og_description":"Grid Text Wrapper Style The Grid Text Wrapper section provides layout, spacing, background, and positioning controls for text blocks within grid layouts. These settings ensure proper alignment, spacing, and style consistency for content in grid-based designs. Control Description Horizontal Alignment Aligns the text wrapper horizontally (left, center, right). Content Wrapper Width Sets the maximum width of the content wrapper in pixels. Grid Text Wrapper Background Changes the background color or image of the grid text wrapper. Border Type Selects the border style (solid, dashed, dotted, etc.). Border Radius Adjusts the corner roundness of the grid text wrapper in pixels. Padding Controls the inner spacing between content and wrapper edges. Margin Controls the outer spacing between the wrapper and surrounding elements. Flex Direction Sets the direction of content flow (row, row-reverse, column, column-reverse). Vertical Alignment Aligns the content vertically (top, middle, bottom). Position Defines the CSS positioning type (default, absolute, relative, etc.). Box Shadow Adds a shadow effect around the wrapper for depth and emphasis. Alternative Grid Text Wrapper The Alternative Grid Text Wrapper section allows you to customize the appearance of an alternate text wrapper style within grid layouts. It primarily focuses on background and text color variations for normal and hover states. Control Description Alternative Grid Text Wrapper Background Sets the background color or image for the alternative grid text wrapper. Alternative Grid Title Color Defines the text color for grid titles in normal state. Alternative Grid Title Hover Color Defines the text color for grid titles when hovered. Alternative Grid Excerpt Color Sets the color for excerpt text within the alternative grid wrapper.","og_url":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/grid-text-wrapper-style\/","og_site_name":"Flexi Post Grid","article_modified_time":"2025-08-09T06:35:33+00:00","og_image":[{"url":"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Grid-Text-Wrapper.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/grid-text-wrapper-style\/","url":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/grid-text-wrapper-style\/","name":"Grid Text Wrapper Style - Flexi Post Grid","isPartOf":{"@id":"https:\/\/flexipostgrid.creativewebui.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/grid-text-wrapper-style\/#primaryimage"},"image":{"@id":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/grid-text-wrapper-style\/#primaryimage"},"thumbnailUrl":"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Grid-Text-Wrapper.jpg","datePublished":"2025-08-07T19:04:22+00:00","dateModified":"2025-08-09T06:35:33+00:00","breadcrumb":{"@id":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/grid-text-wrapper-style\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/flexipostgrid.creativewebui.com\/documentation\/grid-text-wrapper-style\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/grid-text-wrapper-style\/#primaryimage","url":"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Grid-Text-Wrapper.jpg","contentUrl":"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Grid-Text-Wrapper.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/grid-text-wrapper-style\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativewebui.com\/flexi-post-grid\/"},{"@type":"ListItem","position":2,"name":"Documentation","item":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/"},{"@type":"ListItem","position":3,"name":"Grid Text Wrapper Style"}]},{"@type":"WebSite","@id":"https:\/\/flexipostgrid.creativewebui.com\/#website","url":"https:\/\/flexipostgrid.creativewebui.com\/","name":"Flexi Post Grid","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/flexipostgrid.creativewebui.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/docs\/3252","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/comments?post=3252"}],"version-history":[{"count":3,"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/docs\/3252\/revisions"}],"predecessor-version":[{"id":3288,"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/docs\/3252\/revisions\/3288"}],"wp:attachment":[{"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/media?parent=3252"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/doc_category?post=3252"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/doc_tag?post=3252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}