Custom Form Styles

[afrederick1]

I'm trying to modify the style of my forms -- specifically, the color of the borders of text and radio inputs. (I'm using a table within a form, and the right and bottom borders are colored white, and alternating rows of the zentable are white, and so the borders of text and radio inputs do not show up well in the white rows.

I've tried everything I can think of to modify the border style of these form elements, including the modification of the template file form.css. Nothing has any effect, which I can't really understand.

Here's the page I'm working on:
http://scimath.unl.edu/primarilymath/eval2010.php

I'm modifying this style in forms.css:

#maincontent form.cool input,#maincontent form.cool textarea,#maincontent form.cool select
{
width: 300px;
border: 1px solid #ccc;
border-color: #aaa #ccc #ccc #aaa;
padding: 3px;
margin: 4px 0;
}

I changed border-color from #ccc #fff #fff #ccc to what you see above. But it has had absolutely no effect. That class of the form I am trying to change is "cool", of course.

Not that I actually want to have to modify the forms.css file. I want to redefine the style within the page that contains the form. But when nothing I tried had any effect, I thought I would go to the source just to try to get a bead on what I how I would need to define the style on my page. But since even modifying forms.css has no effect, I'm pretty well stuck.

[bbieber2]

I think this is just a simple issue of editing the wrong file.

Your changes are in:
http://scimath.unl.edu/wdn/templates_3. ... /forms.css

But your page references the old forms.css:
http://scimath.unl.edu/ucomm/templatede ... /forms.css

Update the reference to /wdn/templates_3.0/css/content/forms.css and I think all will be good!

[afrederick1]

Good catch. Thanks! (That also now lets me override the "cool" style within my page, rather than having to modify forms.css.)

[smeranda]

New, themeable form styles are in the process of being developed as well. Feel free to kick the tires and provide any feedback:

http://wdn.unl.edu/wdn/templates_3.0/css/content/zenform.css

Thanks!