styling form blocks

Permalink
I need to style a form block so:

- all text fields are flush left and right to a pixel count of 80.

- all text fileds are colored grey

- submit button is colored grey

- checkboxes align to the left with text fields

- To the left of the text fields, all the labels align to the left

How?

trixiemay
 
trixiemay replied on at Permalink Reply
trixiemay
Anyone?
osu replied on at Permalink Reply
osu
This is a CSS question by the sounds of it. How is it being styled now? Have you tried a custom template if the styling is inline?

Post an URL to your site and I'll see if I can help out
trixiemay replied on at Permalink Reply
trixiemay
I have been advised by a local developer that I can tweak the form css using Firefox and Firebug to find the style names for each element. But I can't find the form.css to edit on our server...
tallacman replied on at Permalink Reply
tallacman
Try CSSEdit from Macrabbit.com:http://macrabbit.com/
It will show you the entire DOM and download the css for you and show you the path to where it is at.



Steve
trixiemay replied on at Permalink Reply
trixiemay
@steve
thanks for that nifty piece of kit

managed to style most of the form but now I want to tweak the text fields making them longer and coloured grey. the class style 'input' doesn't work
okhayat replied on at Permalink Reply
okhayat
I love Stylizer (www.skybound.ca). There is not version for Mac yet, still in Beta.