Home Disable

Embed Snippet on Your Site

<script src="https://library.wpcode.com/embedjs/m5yzw112.js/"></script>

Single Line Form adjustments

In case of issues with the inline-fields class described on https://wpforms.com/docs/how-to-display-your-form-in-a-single-line/

Ralden Souza PRO

<10

Code Preview

Comments

css


	`/* Input fields styling */`
	`#wpforms-758 .wpforms-field input[type="text"],`
	`#wpforms-758 .wpforms-field input[type="email"] {`
	`background-color: #1c355e !important;`
	`border: 1px solid #ffffff !important;`
	`border-radius: 3px !important;`
	`color: #ffffff !important;`
	`}`

	`/* Placeholder text color */`
	`#wpforms-758 .wpforms-field input[type="text"]::placeholder,`
	`#wpforms-758 .wpforms-field input[type="email"]::placeholder {`
	`color: #ffffff !important;`
	`}`

	`/* Field container layout */`
	`#wpforms-758.wpforms-container.inline-fields .wpforms-field-container {`
	`gap: 0 !important;`
	`position: relative !important;`
	`top: 10px !important;`
	`}`

	`/* Equal width for fields */`
	`#wpforms-758 #wpforms-758-field_1-container,`
	`#wpforms-758 #wpforms-758-field_2-container {`
	`width: 50% !important;`
	`}`

	`/* Remove padding from field cells */`
	`#wpforms-758.wpforms-container.inline-fields .wpforms-field {`
	`padding-top: 0 !important;`
	`padding-bottom: 0 !important;`
	`padding-right: 8px !important;`
	`}`

/* Input fields styling */
#wpforms-758 .wpforms-field input[type="text"],
#wpforms-758 .wpforms-field input[type="email"] {
    background-color: #1c355e !important;
    border: 1px solid #ffffff !important;
    border-radius: 3px !important;
    color: #ffffff !important;
}

/* Placeholder text color */
#wpforms-758 .wpforms-field input[type="text"]::placeholder,
#wpforms-758 .wpforms-field input[type="email"]::placeholder {
    color: #ffffff !important;
}

/* Field container layout */
#wpforms-758.wpforms-container.inline-fields .wpforms-field-container {
    gap: 0 !important;
    position: relative !important;
    top: 10px !important;
}

/* Equal width for fields */
#wpforms-758 #wpforms-758-field_1-container,
#wpforms-758 #wpforms-758-field_2-container {
    width: 50% !important;
}

/* Remove padding from field cells */
#wpforms-758.wpforms-container.inline-fields .wpforms-field {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 8px !important;
}

Embed Snippet on Your Site

Single Line Form adjustments

Comments

Add a Comment Cancel Reply