{"id":3240,"date":"2025-08-07T18:18:40","date_gmt":"2025-08-07T18:18:40","guid":{"rendered":"https:\/\/flexipostgrid.creativewebui.com\/?post_type=docs&p=3240"},"modified":"2025-08-07T18:18:40","modified_gmt":"2025-08-07T18:18:40","password":"","slug":"element-order-control","status":"publish","type":"docs","link":"https:\/\/creativewebui.com\/flexi-post-grid\/documentation\/element-order-control\/","title":{"rendered":"Element Order Control"},"content":{"rendered":"\n

The Element Order<\/strong> control in Flexi Post Grid allows you to reorder the appearance<\/strong> of content elements inside each grid box. This gives you full flexibility to arrange your layout visually, without writing any custom code.<\/p>\n\n\n\n

Available Elements You Can Reorder<\/h2>\n\n\n\n
\n
\n
    \n
  • Thumbnail <\/strong><\/li>\n\n\n\n
  • Meta<\/strong> (e.g., author, date, categories)<\/li>\n\n\n\n
  • Title<\/strong><\/li>\n\n\n\n
  • Excerpt<\/strong><\/li>\n\n\n\n
  • Custom Fields<\/strong><\/li>\n\n\n\n
  • Read More Button<\/strong><\/li>\n<\/ul>\n\n\n\n

    Each field accepts a number (1<\/code> to 6<\/code>) indicating the display sequence.<\/p>\n<\/div>\n\n\n\n

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

    Device-Specific Ordering<\/h2>\n\n\n\n

    Each control includes responsive visibility<\/strong> icons, allowing you to set different orders for:<\/p>\n\n\n\n

      \n
    • Desktop<\/li>\n\n\n\n
    • Tablet<\/li>\n\n\n\n
    • Mobile<\/li>\n<\/ul>\n\n\n\n

      Use Case<\/h2>\n\n\n\n

      If you want to show the title above the image<\/strong> on mobile but below it on desktop, just change the number in “Title” accordingly for each device.<\/p>\n\n\n\n

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

      The Element Order control in Flexi Post Grid allows you to reorder the appearance of content elements inside each grid box. This gives you full flexibility to arrange your layout visually, without writing any custom code. Available Elements You Can Reorder Each field accepts a number (1 to 6) indicating the display sequence. Device-Specific Ordering Each control includes responsive visibility icons, allowing you to set different orders for: Use Case If you want to show the title above the image on mobile but below it on desktop, just change the number in “Title” accordingly for each device.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[31],"doc_tag":[],"class_list":["post-3240","docs","type-docs","status-publish","hentry","doc_category-additional-features"],"year_month":"2026-04","word_count":112,"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":"Additional Features","term_url":"https:\/\/creativewebui.com\/flexi-post-grid\/docs-category\/additional-features\/"}],"doc_tag_info":[],"yoast_head":"\nElement Order Control - 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\/element-order-control\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Element Order Control - Flexi Post Grid\" \/>\n<meta property=\"og:description\" content=\"The Element Order control in Flexi Post Grid allows you to reorder the appearance of content elements inside each grid box. This gives you full flexibility to arrange your layout visually, without writing any custom code. Available Elements You Can Reorder Each field accepts a number (1 to 6) indicating the display sequence. Device-Specific Ordering Each control includes responsive visibility icons, allowing you to set different orders for: Use Case If you want to show the title above the image on mobile but below it on desktop, just change the number in “Title” accordingly for each device.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/element-order-control\/\" \/>\n<meta property=\"og:site_name\" content=\"Flexi Post Grid\" \/>\n<meta property=\"og:image\" content=\"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Screenshot_45.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\/element-order-control\/\",\"url\":\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/element-order-control\/\",\"name\":\"Element Order Control - Flexi Post Grid\",\"isPartOf\":{\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/element-order-control\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/element-order-control\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Screenshot_45.jpg\",\"datePublished\":\"2025-08-07T18:18:40+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/element-order-control\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/element-order-control\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/element-order-control\/#primaryimage\",\"url\":\"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Screenshot_45.jpg\",\"contentUrl\":\"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Screenshot_45.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/flexipostgrid.creativewebui.com\/documentation\/element-order-control\/#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\":\"Element Order Control\"}]},{\"@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":"Element Order Control - 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\/element-order-control\/","og_locale":"en_US","og_type":"article","og_title":"Element Order Control - Flexi Post Grid","og_description":"The Element Order control in Flexi Post Grid allows you to reorder the appearance of content elements inside each grid box. This gives you full flexibility to arrange your layout visually, without writing any custom code. Available Elements You Can Reorder Each field accepts a number (1 to 6) indicating the display sequence. Device-Specific Ordering Each control includes responsive visibility icons, allowing you to set different orders for: Use Case If you want to show the title above the image on mobile but below it on desktop, just change the number in “Title” accordingly for each device.","og_url":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/element-order-control\/","og_site_name":"Flexi Post Grid","og_image":[{"url":"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Screenshot_45.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\/element-order-control\/","url":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/element-order-control\/","name":"Element Order Control - Flexi Post Grid","isPartOf":{"@id":"https:\/\/flexipostgrid.creativewebui.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/element-order-control\/#primaryimage"},"image":{"@id":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/element-order-control\/#primaryimage"},"thumbnailUrl":"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Screenshot_45.jpg","datePublished":"2025-08-07T18:18:40+00:00","breadcrumb":{"@id":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/element-order-control\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/flexipostgrid.creativewebui.com\/documentation\/element-order-control\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/element-order-control\/#primaryimage","url":"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Screenshot_45.jpg","contentUrl":"https:\/\/flexipostgrid.creativewebui.com\/wp-content\/uploads\/2025\/08\/Screenshot_45.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/flexipostgrid.creativewebui.com\/documentation\/element-order-control\/#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":"Element Order Control"}]},{"@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\/3240","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=3240"}],"version-history":[{"count":1,"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/docs\/3240\/revisions"}],"predecessor-version":[{"id":3242,"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/docs\/3240\/revisions\/3242"}],"wp:attachment":[{"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/media?parent=3240"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/doc_category?post=3240"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/creativewebui.com\/flexi-post-grid\/wp-json\/wp\/v2\/doc_tag?post=3240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}