I am trying to implement a design that includes a custom Contact Us form. Some of the things I need to change are:

1. Change the field captions.
2. Provide left margin white space, all fields are flush left.
3. Change the Submit button to a graphical button.
4. Change the background colors of the name and email address fields (I think I figured this out - but why are they yellow by default anyway?)
5. Place some additional content below the form fields, similar to the custom content that the Contact module allows you to place above.

Thanks for your help,

Dave

Comments

captaindav’s picture

I added:

#contact-mail-page {
padding: 0 0 0 2.1em;
}

to my style.css

captaindav
http://icfolson.com

Vako’s picture

Strange that you haven't got a response to these requirements yet.
I am also looking to customize the Contact Us page...

But for your point 4, I think you have Google Toolbar with AutoFill enabled which will be the cause for the yellow field bars. It shows which fields are auto-fillable, check the settings or disable that option.

Vako’s picture

Searching other posts I found the details for customizing a contact us page at: http://drupal.org/node/405808

eevn’s picture

"Google Toolbar with AutoFill enabled which will be the cause for the yellow field bars"

Thanks for this tip. I was searching through every stylesheet and javascript for why the text fields were showing up yellow in Firefox.

i-sibbot’s picture

Hi,

Copntact form is a toughy! If your having no luck, then possible use the Web Forms Module which allows far more control over forms etc.

1).See 4
2). CSS, target correctly.
3). The Yellow Background colour is how Internet Explorer shows AutoComplete fields. You can overwrite this with CSS.
4). So you'd like to append the contact form with some stuff! Sounds like you need to use the contact_mail_page() function http://api.drupal.org/api/function/contact_mail_page using your template.php file to either alter_form() or something else.

UPDATE!
Just found this which looks like it would give you a nice umbrella of knowledge re the contact for modding

http://11heavens.com/theming-the-contact-form-in-Drupal-6