GravityForm 2.5 conditionals are not working with the GeneratePress theme

GravityForm 2.5 conditionals are not working correctly with the GeneratePress theme.It works with default WP theme or HelpMate theme. I need make itwork with GeneratePress theme.

When I say not correctly, is when it supposed to hide its still showing the fields
Can someone please help? Spend last 4 days with 5 differnt developers and finally came toconclusion that it was the theme. Theme support not so great and they are not responding I need a solution here please.

Faruk

I use both products extensively. Are you saying it’s the conditional logic feature specifically that is not working in GeneratePress? Is it all instances where you have conditional logic active or specific field types within Gravity Forms?

This sounds really similar to an issue I am having on my site with 2.5 and the latest 2.5.3.

Everything was fine with 2.4

:white_check_mark: 2.5.x conditional logic form on a regular elementor page
:no_entry_sign: 2.5.x conditional logic form in an elementor popup
:white_check_mark: 2.5.x standard ajax form (no conditional logic) in an elementor popup

Unfortunately Gravity have confirmed that although it used to work with 2.4, they don’t support any editor apart from the standard wordpress editor. So based on this they are unlikely to help you with your non-standard theme either.

So we might need to roll-back to 2.4 for now and work on a way of fixing this ourselves.

1 Like

We are experiencing a similar issue with conditionals not working on many of our websites…specifically, the ones that “auto-updated” to 2.5.3…we are not using GeneratePress, but we are using various Genesis themes and Beaver Builder. I found that manually uploading the latest version of Gravity Forms which is 2.5.3.1 (and not 2.5.3) is fixing this issue for us…still going through about 50 websites where Gravity Forms “auto-updated”. I don’t know why the auto-update did not update to 2.5.3.1 —??? Anyway, you might give that a try and see if it will work for you too

I was hopeful. But unfortunately no - it still isn’t working :frowning:

Both questions to yes. I have also updated to 2.5.4 and issue still remains.
Interestingly HTML conditionals work.

Faruk

They have just rolled out an update, login to site > go to form settings > press save and you can then update via the admincp

2.5.4 | 2021-05-27

  • Added the gform_force_hooks_js_output filter to allow plugins to control whether to output the hooks js in the head; defaults to true.
  • Fixed an issue which causes reCaptcha field to log errors when there are none.
  • Fixed an issue which causes forms that rely on Javascript to not render in certain contexts.
  • Fixed an issue which causes Javascript markup to be injected into some AJAX responses.

I whipped up a local install of WP with GF, GP and GP premium plugin installed and created a simple form with some conditional logic in the fields. The logic worked fine in this instance running GF on GeneratePress. Have you tried deactivating all plugins with the exception of Gravity Forms and tested the logic?

1 Like

Yes I did the same. If I do this using my own GeneratePress Child theme it does not work because I have CSS custom styling. So If I use following styling it does not work.

=======================================
	/*gravity forms structure*/
/* Fix black screen on GF form pages due to GF view
#qLtempOverlay {
	    position: inherit !important;
}*/
/* Change service blocks from red to orange */
/* iamsaadfayyaz94 */
/* gravityform layout */
.gfield_checkbox_2
{
  display: grid;
    -ms-grid-columns: (1fr) [ 2 ];
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(auto-fill,auto);
    grid-column-gap: 32px;
}
.gform_wrapper.gravity-theme .gfield.gfield--width-third {
   
    display: inline-block!important;
}
.gform_wrapper.gravity-theme .gfield.gfield--width-quarter{
  display: inline-block!important;
}
.gform_wrapper.gravity-theme .gfield.gfield--width-half{
   display: inline-block!important;
}
.gform_wrapper.gravity-theme .gfield-choice-input+label{
  max-width: calc(100% - 0px)!important;
}
/* gravity layout end */
/* gravity form with sidebar and scrolling*/
/* .gform_legacy_markup_wrapper .gsection {
    border-bottom: 1px solid #ccc!important;
    padding: 0 16px 8px 0!important;
    margin: 28px 0 28px 0!important;

} */
.gf_customfields select{
  padding-right:40px!important;
}
div.gf_rightside::-webkit-scrollbar {
  width: 5px;               /* width of the entire scrollbar */
}

div.gf_rightside::-webkit-scrollbar-track {
  background: #F5F5F5;        /* color of the tracking area */
}

div.gf_rightside::-webkit-scrollbar-thumb {
  background-color: blue;    /* color of the scroll thumb */
/*   border-radius: 20px;       /* roundness of the scroll thumb */ */
/*   border: 3px solid orange;  /* creates padding around scroll thumb */ */
}
div.gf_rightside::-webkit-scrollbar {
    width: 5px!important; 
    background: #52585e!important;
}
div.gf_rightside::-webkit-scrollbar-thumb {
    background-color: #5080bf;
}
::selection {
    background: green;
}
::selection {
    background: green;
    color: #fff;
}
div.gf_rightside{
   --scrollbarBG: #CFD8DC;
  --thumbBG: #90A4AE;
}
html {
  --scrollbarBG: #CFD8DC;
  --thumbBG: #90A4AE;
}
body::-webkit-scrollbar {
  width: 11px;
}
body {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
body::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
body::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
  border-radius: 6px;
  border: 3px solid var(--scrollbarBG);
}

div.gf_right_top::-webkit-scrollbar-thumb {
    background-color: #5080bf!important;
}

.gf_right_top::-webkit-scrollbar-thumb {
    background-color: #5080bf!important;
}
.gform_wrapper {
  width:70%!important;
}
.gf_labelleft75 .gfield_label{
  color:white!important;
}
.gform_wrapper.gravity-theme .ginput_total{
  color:white!important;
}
h3.gsection_title{
  border-bottom: 1px solid #ccc!important;
    padding: 0 16px 8px 0!important;
    margin: 10px 0 5px 0!important;
}
.gform_legacy_markup_wrapper .gfield_html.gfield_no_follows_desc{
  margin-top: 10px!important;
}
.field_sublabel_below  p {
  margin-bottom:2px!important;
}
.field_sublabel_below  strong{
  color:#696969!important;
  font-size:15px!important;
  font-weight:700!important;
}
.gfield{
  color:#696969!important;
  font-size:15px!important;
  padding-left:10px!important;
}
.gform_legacy_markup_wrapper h2.gsection_title {
    margin: 0!important;
    padding: 0!important;
    letter-spacing: normal!important;
}
.gsection_title{
  font-size: 1.02em!important;
    margin-bottom: 30px!important;
    line-height: 1.3em!important;
  color:#333!important;
  font-weight:700!important;

}

.gf_rightside {
/*     top: 250px; */
  top:155px!important;
    background-color: #fbfbfb!important;
/*     overflow: auto!important; */
/*     max-height: 340px!important; */
    border: 1px solid #5080bf!important;
    border-top-left-radius: 5px!important;
    border-top-right-radius: 5px!important;
      border-bottom-left-radius: 5px!important;
    border-bottom-right-radius: 5px!important;
/*     padding: 10px!important; */
    right: 50px!important;
    margin-right: 50px!important;
    height: auto!important;
    position: fixed!important;
    width: 300px;
    z-index: 99;
}
.gf_right_top{
  display:none!important;
}
.gf_right_bottom{
  display:none!important;
}

.gfield_total{
  position:fixed!important;
  background-color: #5080bf!important;
    border: 1px solid #5080bf!important;
    max-height: 150px!important;
    color: #fff!important;
/*     border-bottom-left-radius: 5px!important;
    border-bottom-right-radius: 5px!important; */
    padding: 10px!important;
  max-width:300px!important;
}

/* gravity form with sidebar and scrolling */
/* End */
.service_block .service-content {
    background: #28ba2b;
}
/*progress bar*/
.gf_progressbar {
	background-color: transparent !important;
	box-shadow: none;
	padding: 0 !important;
	width: 70% !important;
}
 .gf_progressbar_percentage {
	background: #5080bf !important;
}

	/*gravity forms structure*/
	.gf_leftside {  
	width: 50%;
    background: #fff;
		/*min-height: 400px;*/
}

.gf_rightside {
  top: 250px;
	right: 50px;
	margin-right: 50px;
	height: auto;
  position: fixed;
	width: 300px;
	z-index: 99;

}
.gf_right_top {
	background-color: #fbfbfb;
	overflow:auto;
	max-height: 340px;
	border: 1px solid #5080bf;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding: 10px;
}
.gf_right_bottom {
	background-color: #5080bf;
	border: 1px solid #5080bf;
	max-height: 150px;
	color: #fff;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 10px;
}

.gfield_html {
	padding-right: 0 !important;
}

.gf_right_bottom input {
	width: 100% !important;
	border: none !important;
	background-color: transparent !important;
	padding: 0 !important;
	color: #fff;
	margin-top: -3px;
}

.gf_right_bottom .gfield_label {
   color: #fff !important;
	 font-weight: 400 !important;
}
.nomargin {
	margin: 0 !important;
}

#style-3::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.gf_right_top::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.gf_right_top::-webkit-scrollbar-thumb
{
	background-color: #5080bf;
}

.gf_labelleft .gfield_label {
	font-size: 20px !important;
	line-height: 20px !important;
	color: #000;
	width: 30%;
    padding-right: 30px;
    text-align: left;
	}

.gf_labelleft div.ginput_container {
	margin-top: -10px !important;
	display: inline-block;
	float: right;
	width:70% !important;
}

.gf_labelleft div.ginput_container input[type="text"] {
	width: 100%;
}

	.gf_labelleft75 .gfield_label {
		font-size: 18px !important;
		line-height: 20px !important;
		color: #000;
		width: 70%;
    padding-right: 30px;
    text-align: left;
	}
.gf_labelleft75 div.ginput_container {
	margin-top: 0 !important;
	display: inline-block;
	float: right;
	width:30% !important;
}

.gf_labelleft75 div.ginput_container input[type="text"] {
	width: 100% !important;
}


@media only screen and (max-width: 768px) {
.gf_customfields .gf_progressbar {
	width:100% !important;
}
.gf_customfields .gform_next_button {
		margin-right: 0 !important;
	}
.gf_customfields .gform_button {
		margin-right: 0 !important;
	}
	.gf_labelleft .gfield_label {
		color: #000;
		width: 100%;
	}	
	
/*	.gf_labelleft div.ginput_container {
		display: block;
		float: none;
		width: 100% !important;
	}
	
	.gf_labelleft div.ginput_container input[type="text"], select {
		width: 100% !important;
		margin-top: 15px !important;
	}
	.gf_labelleft75 div.ginput_container {
			display: block;
			float: none;
			margin-top: 15px !important;
			width: 100% !important;
		}
		.gf_labelleft75 div.ginput_container input[type="text"], select {
			width: 100% !important;
		}			*/
	.gf_leftside {
		width: 95%;
	}
	.gf_rightside {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		width: 100% !important;
	}
	
.gf_right_top {
	background-color: #fbfbfb;
	overflow:auto;
	max-height: 500px;
	border: 1px solid #57b5f4;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.gf_right_bottom {
	background-color: #57b5f4;
	border: 1px solid #57b5f4;
	max-height: 500px;
	color: #fff;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
	
}

@media only screen and (min-width: 768px) {
	.gf_labelleft .gfield_label {
		font-size: 18px !important;
		line-height: 20px !important;
		color: #000;
		width: 30%;
    	padding-right: 30px;
    	text-align: left;
	}
	
	.gf_labelleft div.ginput_container {
		margin-top: -10px;
		display: inline-block;
		float: right;
		width:70%;
	}

	.gf_labelleft div.ginput_container input[type="text"] {
		width: 50%;
	}

	.gf_labelleft75 {
		margin-top: 0 !important;
	}
	
	.gf_labelleft75 .gfield_label {
		font-size: 18px !important;
		line-height: 20px !important;
		color: #000;
		width: 70%;
    padding-right: 30px;
    text-align: left;
	}
.gf_labelleft75 div.ginput_container {
	margin-top: 0 ;
	display: inline-block;
	float: right;
	width:25% ;
}

.gf_labelleft75 div.ginput_container input[type="text"] {
	width: 100%;
}
}

#gform_submit_button_1 {
	position: absolute;
	margin-left: 9999px;
}

.gf_customselect gfield_label {
	font-weight: 900 !important;
	font-size: 18px;
}

.gf_customselect select {
	width: 100%;
	height: 50px;
	border-radius: 0;
	border: 1px solid #c4c4c4;
	background-color: #f7f7f7;
	position: relative;
	font-size: 18px !important;
	background: url(https://allabouthomecleaning.com.au/wp-content/uploads/2019/09/br_down_grey_small.png) no-repeat right #f7f7f7;
	-webkit-appearance: none;
	padding-left: 20px !important;
	padding-right: 20px;
}

.gf_customselect select:focus {
	outline: none;
}

.gf_customselect select:after {
    content: "\f078";
    font-family: FontAwesome;
    font-size: 20px;
    position: absolute;
    right: 10px;
    bottom: 0;
    height: 50px;
    line-height: 50px;
}

/*fields*/
.gf_customfields input[type=text], .gf_customfields input[type=email], .gf_customfields input[type=tel] {
	height: 50px;
	border-radius: 5px;
	border: 1px solid #5080bf;
	background-color: #f7f7f7;
	font-size: 18px !important;
	padding-left: 20px !important;
	padding-right: 20px;
}

.gf_customfields textarea {
	border-radius: 5px;
	border: 1px solid #5080bf;
	background-color: #f7f7f7;
	font-size: 18px !important;
	padding-left: 20px !important;
	padding-right: 20px;
}

.gf_customfields input[type=text]:focus, .gf_customfields input[type=email]:focus, .gf_customfields input[type=tel]:focus, .gf_customfields textarea:focus { 
	border: 2px solid #5080bf;  	outline: none;
	background-color: #fff;
	 box-shadow: 0 0 5px rgba(81, 203, 238, 1);	
}

.gf_customfields input[type=text]:hover, .gf_customfields input[type=email]:hover, .gf_customfields input[type=tel]:hover, .gf_customfields textarea:hover { 
	outline: none;
	 box-shadow: 0 0 5px rgba(81, 203, 238, 1);
}

.gf_customfields select {
	height: 50px;
	border-radius: 5px;
	border: 1px solid #5080bf;
	background-color: #fbfbfb;
	position: relative;
	font-size: 18px !important;
	background: url(https://allabouthomecleaning.com.au/wp-content/uploads/2020/03/br_down_blue_5080bf.png) no-repeat right #f7f7f7;
	-webkit-appearance: none;
	padding-left: 20px !important;
	padding-right: 20px;	
}

.gf_customfields select:focus { 
	border: 2px solid #5080bf;  	outline: none;
	background-color: #fff;
	 box-shadow: 0 0 5px rgba(81, 203, 238, 1);
}

.gf_customfields select:hover { 
	outline: none;
	 box-shadow: 0 0 5px rgba(81, 203, 238, 1);
}

/*checkboxes*/
.gf_customfields [type="checkbox"]:checked,
.gf_customfields [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.gf_customfields [type="checkbox"]:checked + label,
.gf_customfields [type="checkbox"]:not(:checked) + label
{
    position: relative;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
	white-space: pre-wrap !important;
}

.gf_customfields [type="checkbox"]:not(:checked) + label:before {
    content: '\f0c8';
    position: relative;
	font-family: Fontawesome;
	font-weight: 700;
    left: 5px;
    top: 12px;
	font-size: 20px;
	padding-right: 20px;
	color: #50abbf91;
    background: #fff;
	-webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
	border: none !important;
}
.gf_customfields [type="checkbox"]:checked + label:before {
    content: '\f14a';
    position: relative;
	font-family: Fontawesome;
	font-weight: 700;
	font-size: 20px;
	padding-right: 20px;
    left: 5px;
    top: 12px;
	color: #5080bf;
    background: #fff;
	-webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
	border: none !important;
}

.gf_customfields [type="checkbox"]:not(:checked) + label:after, .gf_customfields [type="checkbox"]:checked + label:after {
	display: none !important;
}

/*tooltip*/
[data-hint]:after {
    white-space: pre-wrap !important;
    width: 200px !important;
	text-align: left !important;
}
/* STARTS HERE */
/* Login style */
input[type="checkbox"]{
	display: inline-block;

}
.gf_customfields [type="checkbox"]:checked, .gf_customfields [type="checkbox"]:not(:checked){
	position: static;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {

    border-radius: 4px;
}

 .gform_wrapper.gf_browser_chrome .gfield_checkbox li input,  .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
    margin-top: 0!important;
    width: 17px;
	-webkit-appearance: auto;
}

.gform_wrapper ul.gfield_checkbox li label, .page-login .gform_wrapper ul.gfield_radio li label {
    margin-left: 4px;
}

 .gchoice_select_all, .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label,.gform_wrapper ul.gfield_radio li input[type=radio]:checked+label {
    font-weight: normal!important;
}

.gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox] + label:before{
	display: none!important;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
border-radius:4px;
    text-align: center;
    height: auto;
    line-height: normal!important;
}

.gform_wrapper .gform_footer {
    padding-top:0!important;
}

/* End Login style */

/*prices INVOICE GF form amount color*/
.gf_labelleft .gform_wrapper span.ginput_total, .gform_wrapper span.ginput_product_price {
	color: #5080bf !important;
	font-size: 28px !important;
	font-weight: 800 !important;
}

/*prices in the right blue column */
.gform_wrapper span.ginput_total_71 {
	color: #fff !important;
	font-size: 18px !important;
}
.gform_wrapper span.ginput_total_69 {
	color: #fff !important;
	font-size: 18px !important;
}
.gform_wrapper span.ginput_total_54 {
	/*width: 350px !important;*/
	color: #fff !important;
	font-size: 18px !important;
}
.gform_wrapper span.ginput_total_53 {
	color: #fff !important;
	font-size: 18px !important;
}


/*Total Amount text*/
#field_73_622 {
	float: right;
	font-size: 18px !important;
}
#field_71_13{
	width: 300px;
	float: left;
	font-size: 18px !important;
}
#field_69_622{
	width: 300px;
	float: left;
	font-size: 18px !important;
}
#field_54_13{
	width: 300px !important;
	/*float: left;
	font-size: 18px !important;*/
}
#field_53_13{
	width: 300px;
	float: left;
	font-size: 18px !important;
}

/*prices in the Tax Invoice Amount */
.gform_wrapper span.ginput_total_73 {
	color: #5080c3 !important;
	font-size: 28px !important;
	font-weight: 800 !important;
	float: right;
}
/* ENDS HERE */
/*button*/
.gf_customfields .gform_next_button {
		background-color: #5080bf !important;
		color: #fff;
		font-weight: 900;
		font-size: 1.7rem !important;
		line-height: 1.7rem;
		text-transform: uppercase;
		border-radius: 5px;
		border: 1px solid #5080bf;
		padding-left: 30px;
		padding-right: 30px;
		box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
		height: 45px;
		float: right;
		margin-bottom: 50px !important;
    padding-left: 20px !important;
		padding-right: 20px !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		margin-right: 350px !important;
		
	}
	
	.gf_customfields .gform_next_button:hover {
		background-color: #5080bf !important;
		cursor: pointer;
		border: #000 !important;
		text-decoration: none;
		
	}
	
	.gf_customfields .gform_previous_button {
		background-color: transparent !important;
		border: none;
		float: left;
		height: 45px;
		color: #ccc;
		font-weight: bold;
		border: 2px solid #ccc;
		border-radius: 4px;		
		margin-bottom: 50px !important;
		font-size: 1.7rem !important;
		line-height: 1.7rem;
    padding-left: 20px !important;
		padding-right: 20px !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		
	}
	
	.gf_customfields .gform_previous_button:hover {
		cursor: pointer;
		color: #5080bf;
		border: 2px solid #5080bf;
		text-decoration: none;
	}

.gf_customfields .gform_button {
		background-color: #5080bf !important;
		color: #fff;
		/*font-weight: 400; */
		font-weight: 400!important;
		font-size: 1.7rem !important;
		line-height: 1.7rem;
		text-transform: uppercase;
		border-radius: 5px;
		border: 1px solid #5080bf;
		padding-left: 30px;
		padding-right: 30px;
		box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
		height: 45px;
		float: right;
		margin-bottom: 50px !important;
    padding-left: 20px !important;
		padding-right: 20px !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		margin-right: 350px !important;
		
	}
.gf_customfields .gform_button:hover {
		background-color: #5080bf !important;
		cursor: pointer;
		border: #000 !important;
		text-decoration: none;
}
/*type*/
	.gf_type [type="checkbox"]:checked, .gf_type [type="checkbox"]:not(:checked) {
	position: absolute;
	left: -9999px;
	}
		.gf_type [type="checkbox"] +label:before {
			display: none !important;
		}
		.gf_type [type="checkbox"] +label:after {
			display: none !important;
		}

	.gf_type [type="checkbox"]:not(:checked) + label {
		width: 95% !important;
		max-width: 95% !important;
	    border: 2px solid #ccc;
		border-radius: 5px;
		color: #000;
		transition: all 0.3s ease 0s;
		margin-top: 15px !important;
		font-size: 16px;
		padding: 10px !important;
		text-align: center;
		background-color: #fbfbfb;
	}

	.gf_type [type="checkbox"]:not(:checked):hover + label {
		width: 95% !important;
		max-width: 95% !important;
		border: 2px solid #5080bf;
		border-radius: 5px;
		color: #fff;
		transition: all 0.3s ease 0s;
		margin-top: 15px !important;
		font-size: 16px;
		padding: 10px !important;
		text-align: center;
		background-color: #5080bf;
	}

	.gf_type [type="checkbox"]:checked + label {
		width: 95% !important;
		max-width: 95% !important;
		border: 2px solid #5080bf;
		border-radius: 5px;
		color: #fff;
		transition: all 0.3s ease 0s;
		margin-top: 15px !important;
		font-size: 16px;
		padding: 10px !important;
		text-align: center;
		background-color: #5080bf;
	}
	
	.gf_type div {
		text-align: center;
	}	
	.gf_type span {
		font-size: 13px;
	}	
	
/*radio buttons*/
.gf_customfields [type="radio"]:checked,
.gf_customfields [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.gf_customfields [type="radio"]:checked + label,
.gf_customfields [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
	white-space: pre-wrap !important;
}
.gf_customfields [type="radio"]:checked + label:before,
.gf_customfields [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #5080bf;
    border-radius: 100%;
    background: #fff;
}
.gf_customfields [type="radio"]:checked + label:after,
.gf_customfields [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #5080bf;
    position: absolute;
    top: 3px;
    left: 3px !important;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.gf_customfields [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.gf_customfields [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/*datepicker*/
.ui-datepicker-title select {
    margin-top: 2.5%;
    color: #5887A0 !important;
}

body .ginput_container_date input[type=text] {
	width: 100% !important;
}

body .gform_wrapper img.ui-datepicker-trigger {
  width: 45px !important;
  height: 45px !important;
  background: #f7f7f7;
  display: inline-block;
  padding: 10px 10px;
  vertical-align: top;
  margin-left: -4px;
  cursor: pointer;
  background: transparent;
	position: absolute !important;
}

body .ginput_container_date {
  position: relative;
}

body .gform_wrapper img.ui-datepicker-trigger {
  position: absolute;
  top: 3px;
  right: 1px;
  width: 40px !important;
  height: 40px !important;
  padding: 7px 7px !important;
}

/* Coupon Apply Button */
.gform_wrapper input#gf_coupon_button.button {
		background-color: #5080bf !important;
		color: #fff;
		/*font-weight: 400; */
		font-weight: 400!important;
		font-size: 1.7rem !important;
		line-height: 1.7rem;
		text-transform: uppercase;
		border-radius: 5px;
		border: 1px solid #5080bf;
		padding-left: 30px;
		padding-right: 30px;
		box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
		height: 45px;
		float: right;
		margin-bottom: 50px !important;
    padding-left: 20px !important;
		padding-right: 20px !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		margin-right: 420px !important;
	  width: 100px !important;
}
@media(max-width: 767px){
    .gform_wrapper input.gf_coupon_code {
        max-width: 160px !important;
    }
}
/* Coupon Field */
.gform_wrapper input.gf_coupon_code{
  width: 250px !important;
}

/* PDF Contractor T&C formatting 
#demoparagraph p {
font-size: x-small; 
text-align: left;
}
#demoparagraph {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
-webkit-column-rule: 1px solid rgba(28,110,164,0.5);
-moz-column-rule: 1px solid rgba(28,110,164,0.5);
column-rule: 1px solid rgba(28,110,164,0.5);
}*/

h1, h2, h3, h4, h5, h6 {
 text-transform: uppercase !important;
}
/*checkboxes*/
/* Checkboxes were showing half */
.gf_customfields [type="checkbox"]:not(:checked) + label:before {
    top: 1px;
}
.gf_customfields [type="checkbox"]:checked + label:before  {
    top: 1px;
}
/*begin free estimate button header*/
.header-v6 .menu_holder .menu_wrap .free_quote { /* Change red color Get a free quote to Green   */
  padding: 24px 28px 25px;
  background: #28ba2b !important;
  color: #fff;
  letter-spacing: 1px;
  font-size: 16px;
  float: right;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
	}

.free_quote:hover { 
  padding: 24px 28px 25px;
  background: #23527c !important;
  color: #fff;
  letter-spacing: 1px;
  font-size: 16px;
  float: right;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
	}
/*end estimate button*/
/*
.service_block .service-content{
	  background: #23527c !important;
	
}*/

/* MemberPress Login centering */
.mp_wrapper {
  max-width: 700px;
  padding: 20px;
  margin: 0 auto 50px auto;
}
/* Media query- iamsaadfayyaz94 */
/* media query */
@media only screen and (max-width:470px) {
  .gform_wrapper {
    width: 100%!important;
}
}
/* ipad  */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1)  { /* STYLES GO HERE */
  .gform_wrapper {
    width: 100%!important;
}
}

/* ipad landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
 .gform_wrapper {
    width: 100%!important;
}
  
}

/* ipadpro portrait */
@media only screen 
and (min-device-width : 1024px) 
and (max-device-width : 1366px) 
and (orientation : portrait) {
  
  .gform_wrapper {
    width: 100%!important;
}
}
                                                                                                                                                                                                     : /* ipadpro  landscape */
@media only screen and (min-device-width : 1366px) and (max-device-width : 1766px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */
.gform_wrapper {
    width: 100%!important;
}
}
/* end media query */

So I think I’m hearing it’s not GeneratePress specific but appears to be tied to your child theme and/or the custom css. Hard to envision the css causing all GF conditionals to fail but I guess it’s possible. If you have the luxury of a staging site you may need to remove blocks of the css until you find the culprit.

1 Like

Yes last resort… or it may need more CSS to over ride theme CSS as one developer suggested

Faruk

Ok after a few experimentation It looks like following lines causing the error. But To get the styling correct I need those lines… Not sure what to do now.

.gform_wrapper.gravity-theme .gfield.gfield–width-third {
display: inline-block!important;
}
.gform_wrapper.gravity-theme .gfield.gfield–width-quarter{
display: inline-block!important;
}
.gform_wrapper.gravity-theme .gfield.gfield–width-half{
display: inline-block!important;
}
.gform_wrapper.gravity-theme .gfield-choice-input+label{
max-width: calc(100% – 0px)!important;
}

For any form with conditional logic not showing: because the form uses conditional logic, it will have an inline style of display:none applied before Gravity Forms can determine which portions of the form to show (this part is expected). If your page has any JavaScript errors, they can prevent the Gravity Forms scripts from running, and when those scripts can’t run the inline display:none style can’t be removed (this is where the problem occurs.)

Overriding the inline display:none with a display:inline-block or display:block is not fix, it only makes the form appear. It probably won’t work, even when it does appear.

I will leave this ticket open in case you want to continue the discussion here, but for anyone having a specific issue, I recommend opening a support ticket, so your issue can be addressed as it pertains to your environment:

1 Like

Thanks @chrishajer

That was my thoughts on this too. I didn’t want to just go in a mess around with the CSS.

I already have a ticket open which someone called Chris (maybe you, not 100% sure) was last to reply to.

But the support ticket was basically being dropped because GravityForms in an Elementor Popup wasn’t something you guys support.

Now with more people having identical issues with a variety of forms would it be possible to take another look at my ticket?

Hi @chrishajer Not sure if you had a chance to see my previous message?

Not yet but even so if it did solve the problem by disabling a plugin still does not solve the GF issue at worst without the plugins makes site not workable at all. This is anew issue .never had problem prior 2.5.

Right, though sometimes it has more to do with a conflict with another plugin versus the theme. If you can isolate a conflict with another plugin it gives you an avenue to find the fix and re-activate the plugin in question.

I am a GP fan and this is strange to me :thinking:

I searched the forum and saw that you posted here 1h 20min after writing in GP’s forum. You didn’t give them time, indeed less than an hour later Tom replied. In fact you have a lot of conversation and the last message is from support :sweat_smile:

Just clarifying the support thing for GeneratePress :blush:

Anyone still having an issue after updating Gravity Forms to the very latest (v2.5.4.4 as of this writing) please first update to the latest from here:

https://www.gravityforms.com/my-account/downloads/

If that does not work, please open a support ticket:

Thank you.