Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
By captaindav on
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
Figured out left padding
I added:
#contact-mail-page {
padding: 0 0 0 2.1em;
}
to my style.css
captaindav
http://icfolson.com
Strange that you haven't got
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.
Found it!
Searching other posts I found the details for customizing a contact us page at: http://drupal.org/node/405808
"Google Toolbar with AutoFill
"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.
Pointers
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