Custom CSS for contact widget

Hi, I'm using the contact widget in my footer. I would like to have custom CSS for the following:
- remove the "subject" field
- add "phone number" (or other to be specified) field after the "from" field
- the "message" box is very small, how can you make it appear larger?
- my theme puts the first words in the title in a specific color (#f05a1a), can you do this in the contact form as well?
- the spacing between the fields is too large, how can you reduce it?

Thanks!

  • Timothy Bowers

    Hey there.

    - remove the "subject" field
    - add "phone number" (or other to be specified) field after the "from" field

    You would be removing a field to add a field. Why not just rename the field?

    It would save you hiring a developer to custom code that for you.

    You could even do it through the language files. You could create your own locale which works just like translating to another language:

    codex.wordpress.org/Translating_WordPress#Translating_With_Poedit

    - the "message" box is very small, how can you make it appear larger?

    textarea[name=message]{height:400px;}

    - my theme puts the first words in the title in a specific color (#f05a1a), can you do this in the contact form as well?

    Link please?

    - the spacing between the fields is too large, how can you reduce it?

    Link please?

    Thanks.