Gravity forms

hi guys

currently i have to place this css in my child theme style css which fine. I have to do this in order for gravity forms to render correctly. Should we really have to find this stuff out and do this? I think other people may struggle.

I think we can improve enfold if you can prevent it from overwriting plugin styles. Out of the box if you put enfold on a site, then add gravity forms the gravity forms isn’t compatiable and doesn’t render correctly.

Can you guys make sure this is fixed for the next update? And also prevent this from happening other popular plugins. A plugin should always have its own styles be implemented so the plugin author has his plugin render as intended.

/* Make Gravity form 7 Date Picker render properly in enfold */

.gform_body {background-color: #ffffff;padding-bottom:15px!important;}
li.gfield {padding-left:15px;padding-right:15px;}

.gform_wrapper {max-width:100%!important;}

.gform_wrapper input.datepicker.datepicker_with_icon {
display: inline-block!important;
}

.ui-datepicker-month, .ui-datepicker-year {
width: 30%!important;
display: inline-block !important;
padding: 1px 1px !important;
margin-bottom: 1px !important;
vertical-align: middle!important;
}

.ui-datepicker-year {margin-left:2%!important;}

.ui-datepicker-div {
padding: 0!important;
}

.ui-datepicker-title select {
margin-top: 2.5%!important;
}

.ui-datepicker tbody td {
padding: 0;
border-top: 1px solid #bbb!important;
border-right: 1px solid #bbb!important;
border-style:none;
}

.ui-datepicker thead th {border-style:none!important;}