Remove border radius on text input areas?

[aminternetdesign]

Hi,

I’m struggling to remove the border radius from text input forms. I can see it on the inspector but can’t seem to target it. Using pro and integrity btw. Could you point me in the right direction?

Thanks,
Mark

[basanta]

Hi There,

Can you clarify which form text input you are talking about?
if you are trying to change design for any third-party form, that can’t be done via pro editor. You have to write custom CSS or can be done via the third party plugins setting.
If you are talking about Search inline element, you can change the border and shadow via pro editor.

Thanks

[aminternetdesign]

Hi, it’s the text input area of a gravity form. Gravity forms style is being overwritten by X.

[jade]

Hi Mark,

Please add this code to the Global CSS:

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 {
    border-radius: 0;
}

Hope this helps.

[aminternetdesign]

Perfect, that worked thanks Jade.

[basanta]

You are most welcome!