{"id":3142,"date":"2025-08-04T18:38:49","date_gmt":"2025-08-04T18:38:49","guid":{"rendered":"https:\/\/flexipostgrid.creativewebui.com\/?post_type=docs&p=3142"},"modified":"2025-08-07T18:34:19","modified_gmt":"2025-08-07T18:34:19","password":"","slug":"grid-button-setting","status":"publish","type":"docs","link":"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/grid-button-setting\/","title":{"rendered":"Grid Button Setting"},"content":{"rendered":"\n

Control the “Read More”<\/strong> button that appears below each post in your grid layout.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Settings Overview<\/h2>\n\n\n\n
Setting<\/th>Description<\/th><\/tr><\/thead>
Show Read More Button<\/strong><\/td>Toggle this to show or hide the “Read More” button for each post.<\/td><\/tr>
Read More Button Text<\/strong><\/td>Customize the text of the button. Example: Read More<\/code>, Explore<\/code>, Continue Reading<\/code> etc.<\/td><\/tr>
Button Icon<\/strong><\/td>Choose an icon to display inside the button. You can upload or select an icon from the icon library.<\/td><\/tr>
Show Button Icon<\/strong><\/td>Toggle to show or hide the icon beside the button text.<\/td><\/tr>
Show Button Text<\/strong><\/td>Toggle to show or hide the button text (useful if you want icon-only buttons).<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

Button Icon \u2013 Upload Custom SVG<\/h2>\n\n\n\n
\n
\n

In the Grid Button Settings<\/strong>, you can upload your own custom SVG icon<\/strong> to display inside the button.<\/p>\n\n\n\n

    \n
  • Go to Grid Button Settings<\/strong> panel.<\/li>\n\n\n\n
  • Look for the \u201cButton Icon\u201d<\/strong> option.<\/li>\n\n\n\n
  • Click Upload SVG<\/strong> to select your own icon from the media library or upload a new one.<\/li>\n\n\n\n
  • The SVG will appear inline within the button, maintaining sharp resolution on all screen sizes.<\/li>\n<\/ul>\n<\/div>\n\n\n\n
    \n
    \"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

    Tips<\/h2>\n\n\n\n

    Combine icon + text<\/strong> for more interactive buttons.<\/p>\n\n\n\n

    For minimalist designs, you can show only the icon by hiding the text.<\/p>\n\n\n\n

    Update the icon and text to match your brand language or content type.<\/p>\n\n\n\n

    <\/p>\n","protected":false},"excerpt":{"rendered":"

    Control the “Read More” button that appears below each post in your grid layout. Settings Overview Setting Description Show Read More Button Toggle this to show or hide the “Read More” button for each post. Read More Button Text Customize the text of the button. Example: Read More, Explore, Continue Reading etc. Button Icon Choose an icon to display inside the button. You can upload or select an icon from the icon library. Show Button Icon Toggle to show or hide the icon beside the button text. Show Button Text Toggle to show or hide the button text (useful if you want icon-only buttons). Button Icon \u2013 Upload Custom SVG In the Grid Button Settings, you can upload your own custom SVG icon to display inside the button. Tips Combine icon + text for more interactive buttons. For minimalist designs, you can show only the icon by hiding the text. Update the icon and text to match your brand language or content type.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[26],"doc_tag":[],"class_list":["post-3142","docs","type-docs","status-publish","hentry","doc_category-using-the-plugin"],"year_month":"2026-04","word_count":198,"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":"Using the Plugin","term_url":"https:\/\/creativewebui.com\/flexi-post-grid\/docs-category\/using-the-plugin\/"}],"doc_tag_info":[],"yoast_head":"\nGrid Button Setting - 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-button-setting\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Grid Button Setting - Flexi Post Grid\" \/>\n<meta property=\"og:description\" content=\"Control the “Read More” button that appears below each post in your grid layout. Settings Overview Setting Description Show Read More Button Toggle this to show or hide the “Read More” button for each post. Read More Button Text Customize the text of the button. Example: Read More, Explore, Continue Reading etc. Button Icon Choose an icon to display inside the button. You can upload or select an icon from the icon library. Show Button Icon Toggle to show or hide the icon beside the button text. Show Button Text Toggle to show or hide the button text (useful if you want icon-only buttons). Button Icon \u2013 Upload Custom SVG In the Grid Button Settings, you can upload your own custom SVG icon to display inside the button. Tips Combine icon + text for more interactive buttons. For minimalist designs, you can show only the icon by hiding the text. Update the icon and text to match your brand language or content type.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/grid-button-setting\/\" \/>\n<meta property=\"og:site_name\" content=\"Flexi Post Grid\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-07T18:34:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Screenshot_9.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-button-setting\/\",\"url\":\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/grid-button-setting\/\",\"name\":\"Grid Button Setting - Flexi Post Grid\",\"isPartOf\":{\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/grid-button-setting\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/grid-button-setting\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Screenshot_9.jpg\",\"datePublished\":\"2025-08-04T18:38:49+00:00\",\"dateModified\":\"2025-08-07T18:34:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/grid-button-setting\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/grid-button-setting\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/grid-button-setting\/#primaryimage\",\"url\":\"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Screenshot_9.jpg\",\"contentUrl\":\"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Screenshot_9.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/grid-button-setting\/#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 Button Setting\"}]},{\"@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 Button Setting - 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-button-setting\/","og_locale":"en_US","og_type":"article","og_title":"Grid Button Setting - Flexi Post Grid","og_description":"Control the “Read More” button that appears below each post in your grid layout. Settings Overview Setting Description Show Read More Button Toggle this to show or hide the “Read More” button for each post. Read More Button Text Customize the text of the button. Example: Read More, Explore, Continue Reading etc. Button Icon Choose an icon to display inside the button. You can upload or select an icon from the icon library. Show Button Icon Toggle to show or hide the icon beside the button text. Show Button Text Toggle to show or hide the button text (useful if you want icon-only buttons). Button Icon \u2013 Upload Custom SVG In the Grid Button Settings, you can upload your own custom SVG icon to display inside the button. Tips Combine icon + text for more interactive buttons. For minimalist designs, you can show only the icon by hiding the text. Update the icon and text to match your brand language or content type.","og_url":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/grid-button-setting\/","og_site_name":"Flexi Post Grid","article_modified_time":"2025-08-07T18:34:19+00:00","og_image":[{"url":"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Screenshot_9.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-button-setting\/","url":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/grid-button-setting\/","name":"Grid Button Setting - Flexi Post Grid","isPartOf":{"@id":"https:\/\/flexipostgrid.creativewebui.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/grid-button-setting\/#primaryimage"},"image":{"@id":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/grid-button-setting\/#primaryimage"},"thumbnailUrl":"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Screenshot_9.jpg","datePublished":"2025-08-04T18:38:49+00:00","dateModified":"2025-08-07T18:34:19+00:00","breadcrumb":{"@id":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/grid-button-setting\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/flexipostgrid.creativewebui.com\/documentation\/grid-button-setting\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/grid-button-setting\/#primaryimage","url":"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Screenshot_9.jpg","contentUrl":"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Screenshot_9.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/grid-button-setting\/#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 Button Setting"}]},{"@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\/3142","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=3142"}],"version-history":[{"count":3,"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/docs\/3142\/revisions"}],"predecessor-version":[{"id":3245,"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/docs\/3142\/revisions\/3245"}],"wp:attachment":[{"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/media?parent=3142"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/doc_category?post=3142"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/doc_tag?post=3142"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}