{"id":3259,"date":"2025-08-07T19:09:09","date_gmt":"2025-08-07T19:09:09","guid":{"rendered":"https:\/\/flexipostgrid.creativewebui.com\/?post_type=docs&p=3259"},"modified":"2025-08-09T06:13:25","modified_gmt":"2025-08-09T06:13:25","password":"","slug":"post-meta-style","status":"publish","type":"docs","link":"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/post-meta-style\/","title":{"rendered":"Post Meta Style"},"content":{"rendered":"\n

The Common Post Meta Style<\/em>, Category Meta Style<\/em>, and Post Date Style<\/em> controls allow you to fully customize the look and feel of meta information displayed in your grid items. This includes elements such as post date, categories, comments, author, and tags. You can adjust alignment, colors, typography, spacing, and more to match your design.<\/p>\n\n\n\n

While Common Post Meta Style<\/strong> provides global settings for all meta elements, Category Meta Style<\/strong> and Post Date Style<\/strong> offer additional advanced controls\u2014such as setting width, height, position, radius, and background colors\u2014so you can place them precisely where you want. The position<\/em> control in both Category Meta Style and Post Date Style allows these elements to be placed anywhere within the grid box for maximum layout flexibility.<\/p>\n\n\n\n

Common Post Meta Style<\/h2>\n\n\n\n

This section allows you to style all types of meta elements (date, category, comments, author, and tags) in a unified way.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
Control<\/strong><\/th>Description<\/strong><\/th><\/tr><\/thead>
Alignment<\/strong><\/td>Align the meta text to the left, center, or right.<\/td><\/tr>
Color<\/strong><\/td>Set the default text color for all meta elements.<\/td><\/tr>
Hover Color<\/strong><\/td>Choose the text color when a meta element is hovered over.<\/td><\/tr>
Typography<\/strong><\/td>Adjust font family, size, weight, letter spacing, and other typographic properties for meta elements.<\/td><\/tr>
Margin<\/strong><\/td>Add spacing outside the meta container in all directions.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

Category Meta Style<\/h2>\n\n\n\n

This section is for styling the category meta element<\/strong> with additional options beyond the common settings.<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
Control<\/strong><\/th>Description<\/strong><\/th><\/tr><\/thead>
Alignment<\/strong><\/td>Align the category meta text to the left, center, or right.<\/td><\/tr>
Color<\/strong><\/td>Set the default text color for the category meta.<\/td><\/tr>
Hover Color<\/strong><\/td>Choose the text color when hovering over the category meta.<\/td><\/tr>
Typography<\/strong><\/td>Adjust font family, size, weight, letter spacing, and other typographic properties.<\/td><\/tr>
Width \/ Height<\/strong><\/td>Set a fixed width and height for the category meta container.<\/td><\/tr>
Margin<\/strong><\/td>Add spacing outside the category meta container in all directions.<\/td><\/tr>
Position<\/strong><\/td>Position the category meta anywhere within the grid box using absolute<\/strong> or relative<\/strong> placement options.<\/td><\/tr>
Show\/Hide Separator<\/strong><\/td>Toggle the visibility of the separator between category items.<\/td><\/tr>
Radius<\/strong><\/td>Add rounded corners to the category meta container.<\/td><\/tr>
Background Color<\/strong><\/td>Set a background color for the category meta container.<\/td><\/tr>
Bottom Spacing<\/strong><\/td>Add space between the category meta and the element below it.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

Post Date Style<\/h2>\n\n\n\n

This section allows you to style the post date meta element<\/strong>, combining the features from Common Post Meta Style<\/em> and Category Meta Style<\/em> with date-specific customization.<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
Control<\/strong><\/th>Description<\/strong><\/th><\/tr><\/thead>
Alignment<\/strong><\/td>Align the post date text to the left, center, or right.<\/td><\/tr>
Color<\/strong><\/td>Set the default text color for the post date.<\/td><\/tr>
Hover Color<\/strong><\/td>Choose the text color when hovering over the post date.<\/td><\/tr>
Typography<\/strong><\/td>Adjust font family, size, weight, letter spacing, and other typographic properties.<\/td><\/tr>
Width \/ Height<\/strong><\/td>Set a fixed width and height for the date container.<\/td><\/tr>
Margin<\/strong><\/td>Add spacing outside the post date container in all directions.<\/td><\/tr>
Position<\/strong><\/td>Adjust the date label\u2019s position relative to the image or content.<\/td><\/tr>
Radius<\/strong><\/td>Add rounded corners to the post date container.<\/td><\/tr>
Background Color<\/strong><\/td>Set a background color for the post date container.<\/td><\/tr>
Bottom Spacing<\/strong><\/td>Add space between the post date and the element below it.<\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"excerpt":{"rendered":"

The Common Post Meta Style, Category Meta Style, and Post Date Style controls allow you to fully customize the look and feel of meta information displayed in your grid items. This includes elements such as post date, categories, comments, author, and tags. You can adjust alignment, colors, typography, spacing, and more to match your design. While Common Post Meta Style provides global settings for all meta elements, Category Meta Style and Post Date Style offer additional advanced controls\u2014such as setting width, height, position, radius, and background colors\u2014so you can place them precisely where you want. The position control in both Category Meta Style and Post Date Style allows these elements to be placed anywhere within the grid box for maximum layout flexibility. Common Post Meta Style This section allows you to style all types of meta elements (date, category, comments, author, and tags) in a unified way. Control Description Alignment Align the meta text to the left, center, or right. Color Set the default text color for all meta elements. Hover Color Choose the text color when a meta element is hovered over. Typography Adjust font family, size, weight, letter spacing, and other typographic properties for meta elements. Margin Add spacing outside the meta container in all directions. Category Meta Style This section is for styling the category meta element with additional options beyond the common settings. Control Description Alignment Align the category meta text to the left, center, or right. Color Set the default text color for the category meta. Hover Color Choose the text color when hovering over the category meta. Typography Adjust font family, size, weight, letter spacing, and other typographic properties. Width \/ Height Set a fixed width and height for the category meta container. Margin Add spacing outside the category meta container in all directions. Position Position the category meta anywhere within the grid box using absolute or relative placement options. Show\/Hide Separator Toggle the visibility of the separator between category items. Radius Add rounded corners to the category meta container. Background Color Set a background color for the category meta container. Bottom Spacing Add space between the category meta and the element below it. Post Date Style This section allows you to style the post date meta element, combining the features from Common Post Meta Style and Category Meta Style with date-specific customization. Control Description Alignment Align the post date text to the left, center, or right. Color Set the default text color for the post date. Hover Color Choose the text color when hovering over the post date. Typography Adjust font family, size, weight, letter spacing, and other typographic properties. Width \/ Height Set a fixed width and height for the date container. Margin Add spacing outside the post date container in all directions. Position Adjust the date label\u2019s position relative to the image or content. Radius Add rounded corners to the post date container. Background Color Set a background color for the post date container. Bottom Spacing Add space between the post date and the element below 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-3259","docs","type-docs","status-publish","hentry","doc_category-common-grid-style"],"year_month":"2026-04","word_count":476,"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":"\nPost Meta 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\/post-meta-style\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Post Meta Style - Flexi Post Grid\" \/>\n<meta property=\"og:description\" content=\"The Common Post Meta Style, Category Meta Style, and Post Date Style controls allow you to fully customize the look and feel of meta information displayed in your grid items. This includes elements such as post date, categories, comments, author, and tags. You can adjust alignment, colors, typography, spacing, and more to match your design. While Common Post Meta Style provides global settings for all meta elements, Category Meta Style and Post Date Style offer additional advanced controls\u2014such as setting width, height, position, radius, and background colors\u2014so you can place them precisely where you want. The position control in both Category Meta Style and Post Date Style allows these elements to be placed anywhere within the grid box for maximum layout flexibility. Common Post Meta Style This section allows you to style all types of meta elements (date, category, comments, author, and tags) in a unified way. Control Description Alignment Align the meta text to the left, center, or right. Color Set the default text color for all meta elements. Hover Color Choose the text color when a meta element is hovered over. Typography Adjust font family, size, weight, letter spacing, and other typographic properties for meta elements. Margin Add spacing outside the meta container in all directions. Category Meta Style This section is for styling the category meta element with additional options beyond the common settings. Control Description Alignment Align the category meta text to the left, center, or right. Color Set the default text color for the category meta. Hover Color Choose the text color when hovering over the category meta. Typography Adjust font family, size, weight, letter spacing, and other typographic properties. Width \/ Height Set a fixed width and height for the category meta container. Margin Add spacing outside the category meta container in all directions. Position Position the category meta anywhere within the grid box using absolute or relative placement options. Show\/Hide Separator Toggle the visibility of the separator between category items. Radius Add rounded corners to the category meta container. Background Color Set a background color for the category meta container. Bottom Spacing Add space between the category meta and the element below it. Post Date Style This section allows you to style the post date meta element, combining the features from Common Post Meta Style and Category Meta Style with date-specific customization. Control Description Alignment Align the post date text to the left, center, or right. Color Set the default text color for the post date. Hover Color Choose the text color when hovering over the post date. Typography Adjust font family, size, weight, letter spacing, and other typographic properties. Width \/ Height Set a fixed width and height for the date container. Margin Add spacing outside the post date container in all directions. Position Adjust the date label\u2019s position relative to the image or content. Radius Add rounded corners to the post date container. Background Color Set a background color for the post date container. Bottom Spacing Add space between the post date and the element below it.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/post-meta-style\/\" \/>\n<meta property=\"og:site_name\" content=\"Flexi Post Grid\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-09T06:13:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Common-Post-Meta-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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/post-meta-style\/\",\"url\":\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/post-meta-style\/\",\"name\":\"Post Meta Style - Flexi Post Grid\",\"isPartOf\":{\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/post-meta-style\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/post-meta-style\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Common-Post-Meta-Style.jpg\",\"datePublished\":\"2025-08-07T19:09:09+00:00\",\"dateModified\":\"2025-08-09T06:13:25+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/post-meta-style\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/post-meta-style\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/post-meta-style\/#primaryimage\",\"url\":\"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Common-Post-Meta-Style.jpg\",\"contentUrl\":\"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Common-Post-Meta-Style.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/post-meta-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\":\"Post Meta 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":"Post Meta 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\/post-meta-style\/","og_locale":"en_US","og_type":"article","og_title":"Post Meta Style - Flexi Post Grid","og_description":"The Common Post Meta Style, Category Meta Style, and Post Date Style controls allow you to fully customize the look and feel of meta information displayed in your grid items. This includes elements such as post date, categories, comments, author, and tags. You can adjust alignment, colors, typography, spacing, and more to match your design. While Common Post Meta Style provides global settings for all meta elements, Category Meta Style and Post Date Style offer additional advanced controls\u2014such as setting width, height, position, radius, and background colors\u2014so you can place them precisely where you want. The position control in both Category Meta Style and Post Date Style allows these elements to be placed anywhere within the grid box for maximum layout flexibility. Common Post Meta Style This section allows you to style all types of meta elements (date, category, comments, author, and tags) in a unified way. Control Description Alignment Align the meta text to the left, center, or right. Color Set the default text color for all meta elements. Hover Color Choose the text color when a meta element is hovered over. Typography Adjust font family, size, weight, letter spacing, and other typographic properties for meta elements. Margin Add spacing outside the meta container in all directions. Category Meta Style This section is for styling the category meta element with additional options beyond the common settings. Control Description Alignment Align the category meta text to the left, center, or right. Color Set the default text color for the category meta. Hover Color Choose the text color when hovering over the category meta. Typography Adjust font family, size, weight, letter spacing, and other typographic properties. Width \/ Height Set a fixed width and height for the category meta container. Margin Add spacing outside the category meta container in all directions. Position Position the category meta anywhere within the grid box using absolute or relative placement options. Show\/Hide Separator Toggle the visibility of the separator between category items. Radius Add rounded corners to the category meta container. Background Color Set a background color for the category meta container. Bottom Spacing Add space between the category meta and the element below it. Post Date Style This section allows you to style the post date meta element, combining the features from Common Post Meta Style and Category Meta Style with date-specific customization. Control Description Alignment Align the post date text to the left, center, or right. Color Set the default text color for the post date. Hover Color Choose the text color when hovering over the post date. Typography Adjust font family, size, weight, letter spacing, and other typographic properties. Width \/ Height Set a fixed width and height for the date container. Margin Add spacing outside the post date container in all directions. Position Adjust the date label\u2019s position relative to the image or content. Radius Add rounded corners to the post date container. Background Color Set a background color for the post date container. Bottom Spacing Add space between the post date and the element below it.","og_url":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/post-meta-style\/","og_site_name":"Flexi Post Grid","article_modified_time":"2025-08-09T06:13:25+00:00","og_image":[{"url":"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Common-Post-Meta-Style.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/post-meta-style\/","url":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/post-meta-style\/","name":"Post Meta Style - Flexi Post Grid","isPartOf":{"@id":"https:\/\/flexipostgrid.creativewebui.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/post-meta-style\/#primaryimage"},"image":{"@id":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/post-meta-style\/#primaryimage"},"thumbnailUrl":"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Common-Post-Meta-Style.jpg","datePublished":"2025-08-07T19:09:09+00:00","dateModified":"2025-08-09T06:13:25+00:00","breadcrumb":{"@id":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/post-meta-style\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/flexipostgrid.creativewebui.com\/documentation\/post-meta-style\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/post-meta-style\/#primaryimage","url":"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Common-Post-Meta-Style.jpg","contentUrl":"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Common-Post-Meta-Style.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/post-meta-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":"Post Meta 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\/3259","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=3259"}],"version-history":[{"count":3,"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/docs\/3259\/revisions"}],"predecessor-version":[{"id":3281,"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/docs\/3259\/revisions\/3281"}],"wp:attachment":[{"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/media?parent=3259"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/doc_category?post=3259"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/doc_tag?post=3259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}