Edit form fields - Gravity Forms

[CulturalInfusion]

Hi,

Im using a form plugin called Gravity forms, with different forms in different pages.
I was able to apply a few CSS edits in each form, by copying elements I inspected with the browser.

Now, I am not able have results through the same process and I hope you can give me a help.
I wanted to:

• Align the first two fields
• Remove shadows from all fields
• Change border color a radius.

I know this might fall a bit outside your scope, but I would love some help.

Thank you

[marc_a]

Hi @PanInternational,

Thanks for reaching out.

I check your website and we made some styling adjustment with gravity forms then I will guide you on how to fix your problems. Please add this CSS code in your Pro > Theme Options > CSS.

this will align the 2 columns:

body .gform_wrapper .gform_body ul.gform_fields li.gfield {
    margin-top: 1.313em;
}

this will remove the box-shadow and also change the border color:

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
        box-shadow: none !important;
        border-color: #ff0000 !important;

}

Just change the “#ff0000” in the border-color CSS, to the color you wanted and use a hex code.

Please note that providing custom CSS code is outside the scope of our support. Issues that might arise from the use of custom CSS code and further enhancements should be directed to a third-party developer or you can avail One where we can answer questions outside of the features of our theme.

Hope that helps.

Thank you.

[CulturalInfusion]

Hi @marc_a

Thank you very much, that was very helpful.
I applied this CSS only to that page to avoid issues.

Cheers

[marc_a]

Hi @PanInternational.

You’re welcome and it’s our pleasure to help you. If you have any other concerns, feel free to reach us.

Thank you.