{"id":3270,"date":"2025-08-07T19:12:55","date_gmt":"2025-08-07T19:12:55","guid":{"rendered":"https:\/\/flexipostgrid.creativewebui.com\/?post_type=docs&p=3270"},"modified":"2025-08-09T05:56:07","modified_gmt":"2025-08-09T05:56:07","password":"","slug":"title-and-description-style","status":"publish","type":"docs","link":"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/title-and-description-style\/","title":{"rendered":"Title and Description Style"},"content":{"rendered":"\n

The Title Style<\/strong> and Description Style<\/strong> settings allow you to fully customize the appearance and spacing of text elements within the grid items. You can adjust alignment, colors, typography, and text shadows to match your design. Additionally, each section includes a Spacing<\/strong> option that specifically controls the bottom spacing<\/strong> of the element, helping you maintain consistent and visually balanced gaps between the title, description, and surrounding content.<\/p>\n\n\n\n

Title Style<\/h2>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Control<\/strong><\/th>Description<\/strong><\/th><\/tr><\/thead>
Title Alignment<\/strong><\/td>Align the title text to the left, center, or right.<\/td><\/tr>
Title Color<\/strong><\/td>Set the default color of the title text.<\/td><\/tr>
Title Hover Color<\/strong><\/td>Choose a color for the title text when hovered over.<\/td><\/tr>
Typography<\/strong><\/td>Adjust font family, size, weight, letter spacing, and other typographic properties.<\/td><\/tr>
Text Shadow<\/strong><\/td>Apply a shadow effect to the title text for emphasis or contrast.<\/td><\/tr>
Title Spacing<\/strong><\/td>Controls the bottom spacing of the title, adding space between the title and the element that follows it.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

Description Style<\/h2>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Control<\/strong><\/th>Description<\/strong><\/th><\/tr><\/thead>
Description Alignment<\/strong><\/td>Align the description text to the left, center, or right.<\/td><\/tr>
Description Color<\/strong><\/td>Set the default color of the description text.<\/td><\/tr>
Typography<\/strong><\/td>Adjust font family, size, weight, letter spacing, and other typographic properties.<\/td><\/tr>
Text Shadow<\/strong><\/td>Apply a shadow effect to the description text for emphasis or contrast.<\/td><\/tr>
Description Spacing<\/strong><\/td>Controls the bottom spacing of the description, adding space between the description and the element that follows it.<\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"excerpt":{"rendered":"

The Title Style and Description Style settings allow you to fully customize the appearance and spacing of text elements within the grid items. You can adjust alignment, colors, typography, and text shadows to match your design. Additionally, each section includes a Spacing option that specifically controls the bottom spacing of the element, helping you maintain consistent and visually balanced gaps between the title, description, and surrounding content. Title Style Control Description Title Alignment Align the title text to the left, center, or right. Title Color Set the default color of the title text. Title Hover Color Choose a color for the title text when hovered over. Typography Adjust font family, size, weight, letter spacing, and other typographic properties. Text Shadow Apply a shadow effect to the title text for emphasis or contrast. Title Spacing Controls the bottom spacing of the title, adding space between the title and the element that follows it. Description Style Control Description Description Alignment Align the description text to the left, center, or right. Description Color Set the default color of the description text. Typography Adjust font family, size, weight, letter spacing, and other typographic properties. Text Shadow Apply a shadow effect to the description text for emphasis or contrast. Description Spacing Controls the bottom spacing of the description, adding space between the description and the element that follows it.<\/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-3270","docs","type-docs","status-publish","hentry","doc_category-common-grid-style"],"year_month":"2026-04","word_count":209,"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":"\nTitle and Description 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\/title-and-description-style\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Title and Description Style - Flexi Post Grid\" \/>\n<meta property=\"og:description\" content=\"The Title Style and Description Style settings allow you to fully customize the appearance and spacing of text elements within the grid items. You can adjust alignment, colors, typography, and text shadows to match your design. Additionally, each section includes a Spacing option that specifically controls the bottom spacing of the element, helping you maintain consistent and visually balanced gaps between the title, description, and surrounding content. Title Style Control Description Title Alignment Align the title text to the left, center, or right. Title Color Set the default color of the title text. Title Hover Color Choose a color for the title text when hovered over. Typography Adjust font family, size, weight, letter spacing, and other typographic properties. Text Shadow Apply a shadow effect to the title text for emphasis or contrast. Title Spacing Controls the bottom spacing of the title, adding space between the title and the element that follows it. Description Style Control Description Description Alignment Align the description text to the left, center, or right. Description Color Set the default color of the description text. Typography Adjust font family, size, weight, letter spacing, and other typographic properties. Text Shadow Apply a shadow effect to the description text for emphasis or contrast. Description Spacing Controls the bottom spacing of the description, adding space between the description and the element that follows it.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/title-and-description-style\/\" \/>\n<meta property=\"og:site_name\" content=\"Flexi Post Grid\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-09T05:56:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Title-Style.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\/title-and-description-style\/\",\"url\":\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/title-and-description-style\/\",\"name\":\"Title and Description Style - Flexi Post Grid\",\"isPartOf\":{\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/title-and-description-style\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/title-and-description-style\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Title-Style.jpg\",\"datePublished\":\"2025-08-07T19:12:55+00:00\",\"dateModified\":\"2025-08-09T05:56:07+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/title-and-description-style\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/title-and-description-style\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/title-and-description-style\/#primaryimage\",\"url\":\"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Title-Style.jpg\",\"contentUrl\":\"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Title-Style.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/title-and-description-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\":\"Title and Description 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":"Title and Description 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\/title-and-description-style\/","og_locale":"en_US","og_type":"article","og_title":"Title and Description Style - Flexi Post Grid","og_description":"The Title Style and Description Style settings allow you to fully customize the appearance and spacing of text elements within the grid items. You can adjust alignment, colors, typography, and text shadows to match your design. Additionally, each section includes a Spacing option that specifically controls the bottom spacing of the element, helping you maintain consistent and visually balanced gaps between the title, description, and surrounding content. Title Style Control Description Title Alignment Align the title text to the left, center, or right. Title Color Set the default color of the title text. Title Hover Color Choose a color for the title text when hovered over. Typography Adjust font family, size, weight, letter spacing, and other typographic properties. Text Shadow Apply a shadow effect to the title text for emphasis or contrast. Title Spacing Controls the bottom spacing of the title, adding space between the title and the element that follows it. Description Style Control Description Description Alignment Align the description text to the left, center, or right. Description Color Set the default color of the description text. Typography Adjust font family, size, weight, letter spacing, and other typographic properties. Text Shadow Apply a shadow effect to the description text for emphasis or contrast. Description Spacing Controls the bottom spacing of the description, adding space between the description and the element that follows it.","og_url":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/title-and-description-style\/","og_site_name":"Flexi Post Grid","article_modified_time":"2025-08-09T05:56:07+00:00","og_image":[{"url":"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Title-Style.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\/title-and-description-style\/","url":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/title-and-description-style\/","name":"Title and Description Style - Flexi Post Grid","isPartOf":{"@id":"https:\/\/flexipostgrid.creativewebui.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/title-and-description-style\/#primaryimage"},"image":{"@id":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/title-and-description-style\/#primaryimage"},"thumbnailUrl":"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Title-Style.jpg","datePublished":"2025-08-07T19:12:55+00:00","dateModified":"2025-08-09T05:56:07+00:00","breadcrumb":{"@id":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/title-and-description-style\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/flexipostgrid.creativewebui.com\/documentation\/title-and-description-style\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/title-and-description-style\/#primaryimage","url":"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Title-Style.jpg","contentUrl":"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Title-Style.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/title-and-description-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":"Title and Description 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\/3270","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=3270"}],"version-history":[{"count":3,"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/docs\/3270\/revisions"}],"predecessor-version":[{"id":3279,"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/docs\/3270\/revisions\/3279"}],"wp:attachment":[{"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/media?parent=3270"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/doc_category?post=3270"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/doc_tag?post=3270"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}