Change background color form field

Hello,

I have tried everything but I cannot seem to find where I can change the background color (= now white) of the fields in the form. Since my website has a white background and the fields are also white, you cannot see the field.

I have looked at the frontforms.css file, and changed many color and added background-color:#F2F2F2; in some lines hoping to change the field color but nothing seems to work.

Who can help me, what am I missing?

I am working with Chronoforms V4
http://royed.nl/~trendy/index.php/over-trendy-colors/contact

Thank you

Hi suzeen,

If you add a background-color here it works OK:

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 {
    background-color: #C0C0C0;
    border-radius: 4px;
    box-shadow: none;
    color: #444444;
    height: 22px;
    line-height: 22px;
}

I don't know what file that is as you have some pesky cacher enabled.

Bob

Hay,

Yes I also found that, but I cannot seem to find the file.
Only temp files of some sort.
Can I do something about the caching to make it more easy to find the file?

Best regards,
Suzeen

Hi Suzeen,

Yes, turn it off while you debug - it will probably be a template setting or a plugin.

Bob

Thank you bob, It worked!

Hello

I would like also changed: the background color of a text field, but do not know which file to. Is that frontforms_tight.css???

That is the question. Joomla has a lot of CSS files?

Hi bruno-01,

Please use your browser Web Developer tools (click F12 to see them in most browsers). That will let you see exactly what CSS is being applied and to test changes.

I suggest that you do not change any CSS files but over-ride the current CSS using the Load CSS action - you need to set a 'more secific' selector to make sure that the CSS here is applied.

Bob

Hello Bob
Sorry for my bad english. I have to do it with google translation.
I do not understand youre explanation. What do you mean by overwriting the current CSS?
Should I change the frontforms_tight.css? or in the default template CSS?

see my attachment!

Grt Bruno

Hello Sloan thrasher

I'm very very sorry but I really do not understand you.
You write:
Search for "css_form_element. Input" in the css file. In which CSS should I look ? ???

Hi Sloan,
I have found the solution. What I did:
at line 10 of frontforms_tight.css
. ccms_form_element input, textarea, input [type = "file"] {padding: 4px important; border: 1px solid # d3d3d3; margin-bottom: 3px;}

added:
background-color: # 999999;

So rule 10 has become:
. ccms_form_element input, textarea, input [type = "file"] {padding: 4px important; border: 1px solid # d3d3d3; background-color: # 999999; margin-bottom: 3px;}

Solved my problem

Thank you from Holland😀 😀