Skip to content

Instantly share code, notes, and snippets.

body #gform_confirmation_message_FORMID {
background-color: #ccc !important;
width: 130px !important;
border-width: 1px !important;
border-style: solid !important;
}
/** Hide Gravity Forms Field Labels */
body #gform_wrapper_FORMID .gform_body .gform_fields .gfield .gfield_label{
display: none;
}
/** Hide Gravity Forms Field Sub Labels */
body #gform_wrapper_FORMID .gform_body .gform_fields .gfield .ginput_complex .ginput_full label, body #gform_wrapper_FORMID .gform_body .gform_fields .gfield .ginput_complex .ginput_right label, body #gform_wrapper_FORMID .gform_body .gform_fields .gfield .ginput_complex .ginput_left label, body #gform_wrapper_FORMID .gform_body .gform_fields .gfield .name_first label, body #gform_wrapper_FORMID .gform_body .gform_fields .gfield .name_prefix label, body #gform_wrapper_FORMID .gform_body .gform_fields .gfield .name_middle label, body #gform_wrapper_FORMID .gform_body .gform_fields .gfield .name_suffix label, body #gform_wrapper_FORMID .gform_body .gform_fields .gfield .name_last label, body #gform_wrapper_FORMID .gform_body .gform_fields .gfield .address_line_1 label, body #gform_wrapper_FORMID .gform_body .gform_fields .gfield .addr
/** border for form container */
gform_wrapper_FORMID{
border-width: 10px !important;
border-color: #bc1717 !important;
border-style: dashed !important;
border-radius: 6px !important;
}
/** border for form inputs */
#gform_wrapper_FORMID input{
border-width: 10px !important;
#gform_wrapper_FORMID .gform_footer button[type="submit"] .stla-fontawesome-icon {
color: red;
font-size: 29px;
padding: 10px;
margin: 10px;
}
@wpmonks
wpmonks / gravity-forms-field-label-font-family.css
Created June 8, 2024 06:28
CSS for changing font family of gravity forms label.
body #gform_wrapper_FORMID .gform_body .gform_fields .gfield .gfield_label {
font-family: "Times New Roman", Times, serif;
}
@wpmonks
wpmonks / style-ninja-forms-placeholder.css
Created December 11, 2021 08:05
Style Ninja Forms Placeholder
.nf-field-element input::placeholder,
.nf-field-element input::-webkit-input-placeholder,
.nf-field-element input::-moz-placeholder,
.nf-field-element input:-ms-input-placeholder {
color: red;
font-size: 1.2em;
font-style: italic;
}
@wpmonks
wpmonks / ninjaforms-title.css
Last active December 8, 2021 09:37
Change font color, weight and text alignment of ninja forms title
.nf-form-cont .nf-form-title h3{
color: #ff0000;
font-weight: bold;
text-align: left;
}
@wpmonks
wpmonks / wpforms-numbers-field-range-limit.php
Created December 31, 2019 04:28
Set Limit for Number's field in WPForms with Minimum and Maximum values
/**
* Set minimum and maximum range for number field
* Apply the class "bfwpf-number-range-limit" to the field to enable.
*
* https://wpmonks.com/blog/how-to-min-max-range-for-number-fields-in-wpforms/
*/
function bfwpf_number_field_range_limit() {
?>
<script type="text/javascript">
@wpmonks
wpmonks / wpforms_readonly.php
Created June 7, 2019 11:10
Disable a form field to stop users input data.
/**
* Disable form fields to make read-only
* To apply, add CSS class 'wpmonks-readonly' (no quotes) to field in form builder
*
*/
function wpmonks_disable_field() {
?>
<script type="text/javascript">
jQuery(function($) {
@wpmonks
wpmonks / wpforms_radio.css
Last active May 18, 2019 09:21
WPForms Radio Inputs with CSS
/* For labels */
#wpforms-formID .wpforms-form .wpforms-field.wpforms-field-radio ul li label{
font-size: 18px;
font-weight: 700;
line-height: 1.5;
}
/* For container */
#wpforms-formID .wpforms-form .wpforms-field.wpforms-field-radio ul{
background: #00ff00 !important;
border: 1px solid #bbefbb !important;