Gravity Forms - some CSS not displaying on live

Support
#1

Hi,

Not sure if you can assist me, but I manage to find and use CSS for my forms.
They work well on Cornerstone, but on the live version some CSS don’t seem to work properly, particularly the fields Name and Email. Both fields are suppose to have only bottom line, like the message.

Can you help?

Thank you

#2

Hello @PanInternational,

Thanks for writing in! Is your form being loaded inside an Iframe? Please be advised that css will not take effect to elements inside the frame or iframe. The css must be loaded with from the source of the frame or iframe as well.

Could you please provide us the url of the page in question?

Regards.

#3

Hi,

Thank you for your reply.
I am using the same form in a normal page, as an element.

#4

Hi There,

There are unexpected semi-colon in your custom CSS. Please update your custom CSS to this:

body #gform_wrapper_4 .gform_body .gform_fields .gfield input[type=text] {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    box-shadow: none;
    border-radius: 0px !important
}
body .gform_body .gform_fields .gfield textarea {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    box-shadow: none;
    border-radius: 0px; 
}
body .gform_footer input.button,
body .gform_footer input[type=submit] {
    border-radius: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;
}
body .gform_wrapper .gform_body input {
    font-size: 20px;
}

Hope it helps :slight_smile:

#5

Yes, it helped.

Thank you

#6

You’re welcome. When copying CSS, I’d recommend that you first paste it in http://csslint.net/ so you could spot syntax errors. Cornerstone and Pro builders CSS interface has an error correction feature only in the builder so it might tolerate broken CSS.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.