<?xml version="1.0"?>
<oembed><version>1.0</version><provider_name>Flexi Post Grid</provider_name><provider_url>https://creativewebui.com/flexi-post-grid</provider_url><author_name>Elementordipak</author_name><author_url>https://creativewebui.com/flexi-post-grid/author/elementordipak/</author_url><title>Custom Fields Style - Flexi Post Grid</title><type>rich</type><width>600</width><height>338</height><html>&lt;blockquote class="wp-embedded-content" data-secret="rC6Uoah7X2"&gt;&lt;a href="https://creativewebui.com/flexi-post-grid/documentation/custom-fields-style/"&gt;Custom Fields Style&lt;/a&gt;&lt;/blockquote&gt;&lt;iframe sandbox="allow-scripts" security="restricted" src="https://creativewebui.com/flexi-post-grid/documentation/custom-fields-style/embed/#?secret=rC6Uoah7X2" width="600" height="338" title="&#x201C;Custom Fields Style&#x201D; &#x2014; Flexi Post Grid" data-secret="rC6Uoah7X2" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"&gt;&lt;/iframe&gt;&lt;script&gt;
/*! This file is auto-generated */
!function(d,l){"use strict";l.querySelector&amp;&amp;d.addEventListener&amp;&amp;"undefined"!=typeof URL&amp;&amp;(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&amp;&amp;!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i&lt;o.length;i++)o[i].style.display="none";for(i=0;i&lt;a.length;i++)s=a[i],e.source===s.contentWindow&amp;&amp;(s.removeAttribute("style"),"height"===t.message?(1e3&lt;(r=parseInt(t.value,10))?r=1e3:~~r&lt;200&amp;&amp;(r=200),s.height=r):"link"===t.message&amp;&amp;(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&amp;&amp;n.host===r.host&amp;&amp;l.activeElement===s&amp;&amp;(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r&lt;s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document);
//# sourceURL=https://creativewebui.com/flexi-post-grid/wp-includes/js/wp-embed.min.js
&lt;/script&gt;
</html><description>This section allows you to customize the appearance and layout of custom fields displayed in your grid items. You can adjust the alignment, spacing, typography, background, and border settings to create a design that matches your overall layout. Control Description Layout Style Choose the display style for custom fields, such as horizontal list view. Custom Fields Alignment Align custom fields to the left, center, or right. Section Margin Add outer spacing around the entire custom fields section in all directions. Listing Margin Add spacing around individual field listings in all directions. Padding Set inner spacing between the content and the listing container. Typography Adjust font family, size, weight, letter spacing, and other typographic settings. Text Color Set the default color for the custom fields text. Listing Background Choose a background color for the listing container. Border Type Select the border style for the listing container, such as solid, dashed, or none. Listing Icon Style This section allows you to style the icons used in the custom fields listings. You can adjust size, color, spacing, and background to match your design preferences. Control Description Icon Background Set a background color for the icon container. Border Type Choose the type of border around the icon, such as solid, dashed, or none. Icon Border Radius Add rounded corners to the icon background container. Icon Spacing Adjust the space between the icon and the adjacent text or elements. Icon Color Choose the default color of the icon. Icon Width Set a fixed width for the icon container. Icon Height Set a fixed height for the icon container. Icon Line Height Adjust the vertical alignment of the icon content by setting its line height. Icon Size Define the actual size of the icon graphic itself.</description><thumbnail_url>https://flexipostgrid.creativewebui.com/wp-content/uploads/2025/08/Custom-Field-Style.jpg</thumbnail_url></oembed>
