Docs

[Michael Tchong]

In addition to the previously reported LEFT and RIGHT COLUMN layouts in Gravity Forms not working correctly in X Theme:

https://community.theme.co/forums/topic/gravity-forms-column-issues-2/

Can you please address the CAPTCHA field being cut off in Gravity Forms? You can see an example of that here:

Careers

Here’s how Gravity Forms support put it:

Your theme is setting a set 69% width on iframes for some ridiculous reason. If you disable that, then the captcha shows in its entirety.

—————————————————————
/* the offending CSS rule */

.entry-content iframe {
max-width: 100%;
width: 69%;
}
—————————————————————

BTW, the side by side column issue in this form was addressed with this CSS:

/*
// Gravity Forms left/right fields patch.
*/

body .gform_wrapper .top_label li.gfield.gf_left_half,
body .gform_wrapper .top_label li.gfield.gf_right_half {
float: none;
}

[Joao]

Hi There,

Please add the following code to Appereance Customizer Custom CSS

.entry-content iframe {
    width: 100%;
}
.rc-anchor-normal {
    width: inherit;
}

Hope it helps,

Joao

[Michael Tchong]

No that didn’t work, see multiple problems here:

http://ubercool.com/contact/

And in the Superfly menu:

Menu Symbol/Contact

[Jade]

Hi Michael,

There is code in the customizer that is causing the captcha to be cut off:

.entry-content iframe {
    width: 69%;
    max-width: 100%;
}

Please set the width to 100%.

[Michael Tchong]

Here’s my custom CSS, the only iframe code I have the 100% patch provided by Gravity Forms:

.intro {
 font-family: 'Open Sans' !important;
 font-size:130%;
 line-height: 1.5 !important;
 padding-bottom: 24px;
}

.entry-title:before {
    display: none;
}

.wp-caption {
	display: block;
	font-size: 90%;
	font-weight: bold;
	text-align: left;
	line-height: 1.5;
	border: none;
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
}

.x-recent-posts .h-recent-posts{
	font-size: 24px;
}

.x-content-dock .h-widget {
	font-family: 'Open Sans';
	font-size: 2.0em;
	font-weight: 600;
}

.x-content-dock h1, .x-content-dock h2, .x-content-dock h3, .x-content-dock h4, .x-content-dock h5, .x-content-dock h6 {
	color: #0099cc  !important;
}

.x-highlight {
        color: #566471;
	background-color: #fff198;
}

.x-img {
	margin-bottom: 0.0em;
}

.text-white h2 {
	font-family: 'Open Sans';
	font-size: 64px;
	font-weight: 400;
        color: #fff;
}

.x-callout .x-btn [class^="x-icon-"], 
.x-callout .x-btn [class*=" x-icon-"] {
    display: none !important;
}

/*
// Override CAPTCHA cutoff CSS.
*/

.entry-content iframe {
    width: 100%;
}
.rc-anchor-normal {
    width: inherit;
}

[Christopher]

Hi there,

Please add this code :

.rc-anchor.rc-anchor-normal.rc-anchor-light {
    width: 205px !important;
}

Hope it helps.

[Author]

Posts