Change size fields in forms

[Sandernekeman]

Hi all,

I am currently getting frustrated about changing the size of only one field - for the other fields it worked to add to CSS;

div.contactform #m2fbrp__5 {
  width: 80%;
}

However, for one field (field 3) (an email field) it didnt work -

Email


Stuur mij een kopie

Obviously, the fact that this being an email field makes this fiels different from the others - but does anybody know who I can still change the size of this field to 80% as well? By the way, the text i have copied in above i copied from firebug, i cannot find it anywhere in my CMSMS...

Regards,

Sander

[Dr.CSS]

Look in the rendered page view source to find any id or class that the input field uses then target that with css...

[jayPjay]

Hi all,

I am currently getting frustrated about changing the size of only one field - for the other fields it worked to add to CSS;

div.contactform #m2fbrp__5 {
   width: 80%;
}

However, for one field (field 3) (an email field) it didnt work -

Email


Stuur mij een kopie

Obviously, the fact that this being an email field makes this fiels different from the others - but does anybody know who I can still change the size of this field to 80% as well?

I had a probleme with getting the email field at the right spot and had to div all textfields to be able to move it.

To move and edit the size for the Emailfield I used:

fieldset input {
width: 80%;
margin-right: 3px;
margin-left: 28px;
}

Worked for me, but why we cant div. it directly i dont know.

Dui
From a dane in Germany

[Dr.CSS]

If you are using formbuilder you can add a class to every field in the second tab of the filed and then style it maybe like this...

http://www.metachrome.co.uk/wide-format-printing.htm

[jayPjay]

Hi Mark,
thats what we did 
The probleme we have/had was that the emailfield somehow doesnt respond to any css a all????

For my reason the above mentioned, worked.
thx

[Dr.CSS]

With out a link I have no idea what the form is outputting...

[jayPjay]

http://web19.fph027.de/cmsmadesimple/in ... age=inland

All other fields worked, the emailfield didnt.

the
fieldset input {
}

fieldset label {
}

also move radio and checkbox fields, my probleme was that I couldnt align the text and emailfields, without getting the radio and checkboxes  all over the place *shame*
I problaly did the wrong way, but it worked 

[Dr.CSS]

Looks nice...

But you may want to run it thru html validator...