Remove the Arrows on the Numbers Field

/* Remove the arrows in the Numbers form field Original doc link: https://wpforms.com/developers/how-to-remove-the-arrows-on-the-numbers-field/ For support, please visit: https://www.facebook.com/groups/wpformsvip */ input[type=”number”]::-webkit-outer-spin-button, input[type=”number”]::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0 !important; } input[type=”number”] { -moz-appearance: textfield !important; }Continue reading

Style Placeholder Text

/* Style placeholder text Original doc link: https://wpforms.com/developers/how-to-remove-confirmation-message-box-styling/ For support, please visit: https://www.facebook.com/groups/wpformsvip */ .wpforms-container ::-webkit-input-placeholder { /* Chrome and Safari */ color: #aaa !important; } .wpforms-container :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #aaa !important; opacity:…Continue reading

Change the Submit Button Color

/* Change the color of the submit button Original doc link: https://wpforms.com/developers/how-to-change-the-submit-button-color/ For support, please visit: https://www.facebook.com/groups/wpformsvip */ .wpforms-form button[type=submit] { background-color: #066AAB !important; border-color: #066AAB !important; color: #fff !important; transition: background 0.3s ease-in-out; } .wpforms-form button[type=submit]:hover { background-color: #066AAB…Continue reading

Remove Confirmation Message Box Styling

/* Remove Confirmation Message Box Styling Original doc link: https://wpforms.com/developers/how-to-remove-confirmation-message-box-styling/ For support, please visit: https://www.facebook.com/groups/wpformsvip */ .wpforms-confirmation-container-full { color: inherit !important; margin: 0 !important; background: none !important; border: none !important; padding: 0 !important; }Continue reading