Targeting Address and Email input types

Gravity Support Forums » Plugin Support » Gravity Forms

Juddc
Member

Hi All,

Having a few issues with css when applying to any input type=text that reside in the canned Address and Email fields. The form is here: http://www.imperiallimousine.com.php5-2.dfw1-1.websitetestlink.com/reserve-a-vehicle/

I've got a box shadow on the inputs and text areas. I've exaggerated it so you can see it. However in the Address and Email areas the box shadow isn't coming across properly. Its only appearing on 2 sides instead of 4.

Also - since I updated to GF 1.6 I've got an alignment issue - the form isn't centering on the page - its being pushed right. Anyway thoughts?

Posted 12 years ago on Saturday February 4, 2012 | Permalink

Try adding this into your stylesheet:

[css]
.gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right, .gform_wrapper .ginput_complex .ginput_full, .gform_wrapper .ginput_complex {
overflow: visible !important;
}

The overflow: hidden we have on those areas is what is hiding the shadow it seems. Also, for the alignment piece, this padding is what is causing that:

[css]
#content ul {
margin-bottom: 1.3em;
padding-left: 4em;
list-style-type: square;
font-weight: 300;
}

Posted 12 years ago on Saturday February 4, 2012 | Permalink

Juddc
Member

Thanks - I wouldn't have guessed the oveflow issue. As for the padding on the ul - *facepalm*.

Posted 12 years ago on Sunday February 5, 2012 | Permalink
Rob Harrell
Member

Ha! No worries at all - glad to help.

Posted 12 years ago on Sunday February 5, 2012 | Permalink

This topic has been resolved and has been closed to new replies.