# ai-builder/2.1.6/assets/css/contact-form-editor.css

AI Builder – Generate pages, blocks, images & translate with AI, version 2.1.6. 64 lines.

- Page: https://pluginprobe.com/plugins/ai-builder/2.1.6/code/assets/css/contact-form-editor.css
- Raw: https://pluginprobe.com/plugins/ai-builder/2.1.6/raw/assets/css/contact-form-editor.css
- Modified: 2025-09-15T16:44:52+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/ai-builder/2.1.6/code/assets/css/contact-form-editor.css#L10-L20`.

```css
/* Scoped to admin/editor only so it doesn't affect frontend */
body.wp-admin .aibui-contact-form .aibui-contact-form-preview {
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	padding: 20px;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}

body.wp-admin .aibui-contact-form .aibui-form-title {
	margin: 0 0 8px;
	font-size: 18px;
	line-height: 1.3;
	font-weight: 600;
}

body.wp-admin .aibui-contact-form .aibui-form-description {
	margin: 0 0 16px;
	color: #6b7280;
	font-size: 14px;
}

body.wp-admin .aibui-contact-form .aibui-fields {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 12px;
}

body.wp-admin .aibui-contact-form .aibui-field {
	grid-column: span 12;
}

body.wp-admin .aibui-contact-form .aibui-field > label {
	display: block;
	margin-bottom: 6px;
	font-size: 13px;
	font-weight: 600;
}

body.wp-admin .aibui-contact-form .aibui-input-placeholder {
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	padding: 10px 12px;
	color: #6b7280;
	font-size: 14px;
	background: #fafafa;
}

/* Primary button look matching WP */
body.wp-admin .aibui-contact-form .components-button.is-primary,
body.wp-admin .aibui-contact-form .aibui-contact-form-preview .components-button.is-primary {
	background: #1d4ed8;
	color: #ffffff;
	border: 0;
	border-radius: 8px;
	padding: 10px 16px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.04);
	display: block;
	margin: 20px auto 0 auto;
}




```