{"id":3221,"date":"2025-08-06T19:20:39","date_gmt":"2025-08-06T19:20:39","guid":{"rendered":"https:\/\/flexipostgrid.creativewebui.com\/?post_type=docs&#038;p=3221"},"modified":"2025-10-27T02:47:40","modified_gmt":"2025-10-27T02:47:40","password":"","slug":"how-to-customize-button-styles-in-flexi-post-grid","status":"publish","type":"docs","link":"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/how-to-customize-button-styles-in-flexi-post-grid\/","title":{"rendered":"How to Customize Button Styles in Flexi Post Grid"},"content":{"rendered":"\n<p>The <strong>Button Styles<\/strong> section in Flexi Post Grid (under the Style tab) allows you to fully customize the appearance and behavior of buttons in your grid layout. Whether it&#8217;s a \u201cRead More\u201d link or a call-to-action button, you have complete control over its layout, spacing, color, typography, and hover effects \u2014 all without writing a single line of CSS.<\/p>\n\n\n\n<p>Flexi Post Grid separates button customization into two tabs:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Normal:<\/strong> The default look of the button.<\/li>\n\n\n\n<li><strong>Hover:<\/strong> The styling applied when a user hovers over the button.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Normal Tab Options<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th><strong>Setting<\/strong><\/th><th><strong>Description<\/strong><\/th><\/tr><\/thead><tbody><tr><td><strong>Button Inner Text Alignment<\/strong><\/td><td>Aligns the text inside the button (left, center, right).<\/td><\/tr><tr><td><strong>Button Text Alignment<\/strong><\/td><td>Aligns the overall button element within its container.<\/td><\/tr><tr><td><strong>Button Width \/ Height<\/strong><\/td><td>Set custom width and height in <code>px<\/code>, <code>%<\/code>, or <code>em<\/code>.<\/td><\/tr><tr><td><strong>Button Position Type<\/strong><\/td><td>Position button using default, absolute, relative, etc.<\/td><\/tr><tr><td><strong>Button Margin<\/strong><\/td><td>Add spacing around the button (top, right, bottom, left).<\/td><\/tr><tr><td><strong>Auto Margin (Top\/Right\/Bottom\/Left)<\/strong><\/td><td>Enable auto margins for flexible button positioning.<\/td><\/tr><tr><td><strong>Button Z-Index<\/strong><\/td><td>Controls the stack order. Useful when buttons overlap other elements.<\/td><\/tr><tr><td><strong>Button Background<\/strong><\/td><td>Choose a background color or gradient.<\/td><\/tr><tr><td><strong>Button Padding<\/strong><\/td><td>Set internal padding inside the button.<\/td><\/tr><tr><td><strong>Button Text Color<\/strong><\/td><td>Set font color for the button.<\/td><\/tr><tr><td><strong>Typography<\/strong><\/td><td>Control font size, weight, letter spacing, and font family.<\/td><\/tr><tr><td><strong>Text Shadow<\/strong><\/td><td>Add subtle or bold shadow effects to button text.<\/td><\/tr><tr><td><strong>Border Type<\/strong><\/td><td>Choose border style (None, Solid, Dotted, Dashed, etc.).<\/td><\/tr><tr><td><strong>Box Shadow<\/strong><\/td><td>Apply shadow to the button for depth.<\/td><\/tr><tr><td><strong>Button Border Radius<\/strong><\/td><td>Set rounded corners on individual or all sides.<\/td><\/tr><tr><td><strong>Button Spacing<\/strong><\/td><td>Adjust space between the button and surrounding content.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Hover Tab Options<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th><strong>Setting<\/strong><\/th><th><strong>Description<\/strong><\/th><\/tr><\/thead><tbody><tr><td><strong>Button Width<\/strong><\/td><td>Optionally change button width on hover.<\/td><\/tr><tr><td><strong>Button Margin<\/strong><\/td><td>Control spacing around the button on hover.<\/td><\/tr><tr><td><strong>Auto Margin (All Sides)<\/strong><\/td><td>Enable auto spacing during hover.<\/td><\/tr><tr><td><strong>Button Z-Index<\/strong><\/td><td>Adjust layer stacking on hover.<\/td><\/tr><tr><td><strong>Button Padding<\/strong><\/td><td>Adjust inner space on hover.<\/td><\/tr><tr><td><strong>Hover Text Color<\/strong><\/td><td>Set text color when hovered.<\/td><\/tr><tr><td><strong>Hover Background Color<\/strong><\/td><td>Define a different background color on hover.<\/td><\/tr><tr><td><strong>Hover Animation<\/strong><\/td><td>Add interactive animations like bounce, fade, slide, etc.<\/td><\/tr><tr><td><strong>Text Shadow<\/strong><\/td><td>Shadow effect when hovered.<\/td><\/tr><tr><td><strong>Border Type<\/strong><\/td><td>Choose border style on hover.<\/td><\/tr><tr><td><strong>Box Shadow<\/strong><\/td><td>Apply a different shadow on hover.<\/td><\/tr><tr><td><strong>Button Border Radius<\/strong><\/td><td>Rounded corners on hover.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"291\" height=\"560\" src=\"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Screenshot_36.jpg\" alt=\"\" class=\"wp-image-3223\" srcset=\"https:\/\/creativewebui.com\/flexi-post-grid\/wp-content\/uploads\/2025\/08\/Screenshot_36.jpg 291w, https:\/\/creativewebui.com\/flexi-post-grid\/wp-content\/uploads\/2025\/08\/Screenshot_36-156x300.jpg 156w\" sizes=\"(max-width: 291px) 100vw, 291px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"285\" height=\"526\" src=\"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Screenshot_37.jpg\" alt=\"\" class=\"wp-image-3224\" srcset=\"https:\/\/creativewebui.com\/flexi-post-grid\/wp-content\/uploads\/2025\/08\/Screenshot_37.jpg 285w, https:\/\/creativewebui.com\/flexi-post-grid\/wp-content\/uploads\/2025\/08\/Screenshot_37-163x300.jpg 163w\" sizes=\"(max-width: 285px) 100vw, 285px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"294\" height=\"846\" src=\"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Screenshot_38.jpg\" alt=\"\" class=\"wp-image-3225\" srcset=\"https:\/\/creativewebui.com\/flexi-post-grid\/wp-content\/uploads\/2025\/08\/Screenshot_38.jpg 294w, https:\/\/creativewebui.com\/flexi-post-grid\/wp-content\/uploads\/2025\/08\/Screenshot_38-104x300.jpg 104w\" sizes=\"(max-width: 294px) 100vw, 294px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">How to Use Button Styles<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Go to the Style Tab<\/strong> of your Flexi Post Grid layout.<\/li>\n\n\n\n<li>Open the <strong>Button Styles<\/strong> accordion section.<\/li>\n\n\n\n<li>Use the <strong>Normal tab<\/strong> to define default styles.<\/li>\n\n\n\n<li>Switch to the <strong>Hover tab<\/strong> to customize mouse-over behavior.<\/li>\n\n\n\n<li>Adjust sliders, pick colors, or enter values for precise control.<\/li>\n\n\n\n<li>Preview the changes instantly in your live editor.<\/li>\n\n\n\n<li>Save and publish to apply changes site-wide.<\/li>\n<\/ol>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Button Styles section in Flexi Post Grid (under the Style tab) allows you to fully customize the appearance and behavior of buttons in your grid layout. Whether it&#8217;s a \u201cRead More\u201d link or a call-to-action button, you have complete control over its layout, spacing, color, typography, and hover effects \u2014 all without writing a single line of CSS. Flexi Post Grid separates button customization into two tabs: Normal Tab Options Setting Description Button Inner Text Alignment Aligns the text inside the button (left, center, right). Button Text Alignment Aligns the overall button element within its container. Button Width \/ Height Set custom width and height in px, %, or em. Button Position Type Position button using default, absolute, relative, etc. Button Margin Add spacing around the button (top, right, bottom, left). Auto Margin (Top\/Right\/Bottom\/Left) Enable auto margins for flexible button positioning. Button Z-Index Controls the stack order. Useful when buttons overlap other elements. Button Background Choose a background color or gradient. Button Padding Set internal padding inside the button. Button Text Color Set font color for the button. Typography Control font size, weight, letter spacing, and font family. Text Shadow Add subtle or bold shadow effects to button text. Border Type Choose border style (None, Solid, Dotted, Dashed, etc.). Box Shadow Apply shadow to the button for depth. Button Border Radius Set rounded corners on individual or all sides. Button Spacing Adjust space between the button and surrounding content. Hover Tab Options Setting Description Button Width Optionally change button width on hover. Button Margin Control spacing around the button on hover. Auto Margin (All Sides) Enable auto spacing during hover. Button Z-Index Adjust layer stacking on hover. Button Padding Adjust inner space on hover. Hover Text Color Set text color when hovered. Hover Background Color Define a different background color on hover. Hover Animation Add interactive animations like bounce, fade, slide, etc. Text Shadow Shadow effect when hovered. Border Type Choose border style on hover. Box Shadow Apply a different shadow on hover. Button Border Radius Rounded corners on hover. How to Use Button Styles<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[30],"doc_tag":[],"class_list":["post-3221","docs","type-docs","status-publish","hentry","doc_category-button-design-styling"],"year_month":"2026-04","word_count":393,"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":"Button Design &amp; Styling","term_url":"https:\/\/creativewebui.com\/flexi-post-grid\/docs-category\/button-design-styling\/"}],"doc_tag_info":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Customize Button Styles in Flexi Post Grid - 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:\/\/creativewebui.com\/flexi-post-grid\/documentation\/how-to-customize-button-styles-in-flexi-post-grid\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Customize Button Styles in Flexi Post Grid - Flexi Post Grid\" \/>\n<meta property=\"og:description\" content=\"The Button Styles section in Flexi Post Grid (under the Style tab) allows you to fully customize the appearance and behavior of buttons in your grid layout. Whether it&#8217;s a \u201cRead More\u201d link or a call-to-action button, you have complete control over its layout, spacing, color, typography, and hover effects \u2014 all without writing a single line of CSS. Flexi Post Grid separates button customization into two tabs: Normal Tab Options Setting Description Button Inner Text Alignment Aligns the text inside the button (left, center, right). Button Text Alignment Aligns the overall button element within its container. Button Width \/ Height Set custom width and height in px, %, or em. Button Position Type Position button using default, absolute, relative, etc. Button Margin Add spacing around the button (top, right, bottom, left). Auto Margin (Top\/Right\/Bottom\/Left) Enable auto margins for flexible button positioning. Button Z-Index Controls the stack order. Useful when buttons overlap other elements. Button Background Choose a background color or gradient. Button Padding Set internal padding inside the button. Button Text Color Set font color for the button. Typography Control font size, weight, letter spacing, and font family. Text Shadow Add subtle or bold shadow effects to button text. Border Type Choose border style (None, Solid, Dotted, Dashed, etc.). Box Shadow Apply shadow to the button for depth. Button Border Radius Set rounded corners on individual or all sides. Button Spacing Adjust space between the button and surrounding content. Hover Tab Options Setting Description Button Width Optionally change button width on hover. Button Margin Control spacing around the button on hover. Auto Margin (All Sides) Enable auto spacing during hover. Button Z-Index Adjust layer stacking on hover. Button Padding Adjust inner space on hover. Hover Text Color Set text color when hovered. Hover Background Color Define a different background color on hover. Hover Animation Add interactive animations like bounce, fade, slide, etc. Text Shadow Shadow effect when hovered. Border Type Choose border style on hover. Box Shadow Apply a different shadow on hover. Button Border Radius Rounded corners on hover. How to Use Button Styles\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/how-to-customize-button-styles-in-flexi-post-grid\/\" \/>\n<meta property=\"og:site_name\" content=\"Flexi Post Grid\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-27T02:47:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/creativewebui.com\/flexi-post-grid\/wp-content\/uploads\/2025\/08\/Screenshot_36.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"291\" \/>\n\t<meta property=\"og:image:height\" content=\"560\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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:\/\/creativewebui.com\/flexi-post-grid\/documentation\/how-to-customize-button-styles-in-flexi-post-grid\/\",\"url\":\"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/how-to-customize-button-styles-in-flexi-post-grid\/\",\"name\":\"How to Customize Button Styles in Flexi Post Grid - Flexi Post Grid\",\"isPartOf\":{\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/how-to-customize-button-styles-in-flexi-post-grid\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/how-to-customize-button-styles-in-flexi-post-grid\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Screenshot_36.jpg\",\"datePublished\":\"2025-08-06T19:20:39+00:00\",\"dateModified\":\"2025-10-27T02:47:40+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/how-to-customize-button-styles-in-flexi-post-grid\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/how-to-customize-button-styles-in-flexi-post-grid\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/how-to-customize-button-styles-in-flexi-post-grid\/#primaryimage\",\"url\":\"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Screenshot_36.jpg\",\"contentUrl\":\"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Screenshot_36.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/how-to-customize-button-styles-in-flexi-post-grid\/#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\":\"How to Customize Button Styles in Flexi Post Grid\"}]},{\"@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":"How to Customize Button Styles in Flexi Post Grid - 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:\/\/creativewebui.com\/flexi-post-grid\/documentation\/how-to-customize-button-styles-in-flexi-post-grid\/","og_locale":"en_US","og_type":"article","og_title":"How to Customize Button Styles in Flexi Post Grid - Flexi Post Grid","og_description":"The Button Styles section in Flexi Post Grid (under the Style tab) allows you to fully customize the appearance and behavior of buttons in your grid layout. Whether it&#8217;s a \u201cRead More\u201d link or a call-to-action button, you have complete control over its layout, spacing, color, typography, and hover effects \u2014 all without writing a single line of CSS. Flexi Post Grid separates button customization into two tabs: Normal Tab Options Setting Description Button Inner Text Alignment Aligns the text inside the button (left, center, right). Button Text Alignment Aligns the overall button element within its container. Button Width \/ Height Set custom width and height in px, %, or em. Button Position Type Position button using default, absolute, relative, etc. Button Margin Add spacing around the button (top, right, bottom, left). Auto Margin (Top\/Right\/Bottom\/Left) Enable auto margins for flexible button positioning. Button Z-Index Controls the stack order. Useful when buttons overlap other elements. Button Background Choose a background color or gradient. Button Padding Set internal padding inside the button. Button Text Color Set font color for the button. Typography Control font size, weight, letter spacing, and font family. Text Shadow Add subtle or bold shadow effects to button text. Border Type Choose border style (None, Solid, Dotted, Dashed, etc.). Box Shadow Apply shadow to the button for depth. Button Border Radius Set rounded corners on individual or all sides. Button Spacing Adjust space between the button and surrounding content. Hover Tab Options Setting Description Button Width Optionally change button width on hover. Button Margin Control spacing around the button on hover. Auto Margin (All Sides) Enable auto spacing during hover. Button Z-Index Adjust layer stacking on hover. Button Padding Adjust inner space on hover. Hover Text Color Set text color when hovered. Hover Background Color Define a different background color on hover. Hover Animation Add interactive animations like bounce, fade, slide, etc. Text Shadow Shadow effect when hovered. Border Type Choose border style on hover. Box Shadow Apply a different shadow on hover. Button Border Radius Rounded corners on hover. How to Use Button Styles","og_url":"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/how-to-customize-button-styles-in-flexi-post-grid\/","og_site_name":"Flexi Post Grid","article_modified_time":"2025-10-27T02:47:40+00:00","og_image":[{"width":291,"height":560,"url":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-content\/uploads\/2025\/08\/Screenshot_36.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/how-to-customize-button-styles-in-flexi-post-grid\/","url":"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/how-to-customize-button-styles-in-flexi-post-grid\/","name":"How to Customize Button Styles in Flexi Post Grid - Flexi Post Grid","isPartOf":{"@id":"https:\/\/flexipostgrid.creativewebui.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/how-to-customize-button-styles-in-flexi-post-grid\/#primaryimage"},"image":{"@id":"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/how-to-customize-button-styles-in-flexi-post-grid\/#primaryimage"},"thumbnailUrl":"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Screenshot_36.jpg","datePublished":"2025-08-06T19:20:39+00:00","dateModified":"2025-10-27T02:47:40+00:00","breadcrumb":{"@id":"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/how-to-customize-button-styles-in-flexi-post-grid\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/how-to-customize-button-styles-in-flexi-post-grid\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/how-to-customize-button-styles-in-flexi-post-grid\/#primaryimage","url":"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Screenshot_36.jpg","contentUrl":"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Screenshot_36.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/how-to-customize-button-styles-in-flexi-post-grid\/#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":"How to Customize Button Styles in Flexi Post Grid"}]},{"@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\/3221","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=3221"}],"version-history":[{"count":2,"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/docs\/3221\/revisions"}],"predecessor-version":[{"id":4176,"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/docs\/3221\/revisions\/4176"}],"wp:attachment":[{"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/media?parent=3221"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/doc_category?post=3221"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/doc_tag?post=3221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}