I want to change the default form look to this
with the lighter font and more space between fields just
like in the image.
Since I don't know much about CSS but was playing
with the Inspect element in Chrome and tweeked
a few numbers to get it to look the way I wanted.
Now for the change to be permanent I have
to change the forms.css file line 268 just as
I have it, but I notice at the top of the file this:
NOTE: DO NOT EDIT THIS FILE! MAKE ANY MODIFICATIONS IN YOUR
THEME STYLESHEET. THIS FILE IS REPLACED DURING AUTO-UPDATES
AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN.
If you need to make extensive customizations,
copy the contents of this file to your theme
style sheet for editing. Then, go to the form
settings page & set the 'output CSS' option
Could you elaborate on the last paragraph above?
Do I copy the whole forms.css and append it
to style.css? Perhaps I'm over my head in
playing with the code?