How can I more effectively style my forms?

  • Profile Image
    Asked on December 05, 2013 at 11:41 PM

    There are a couple of things I'm having trouble with.

    One is making the different input boxes display at a consistent size on different browsers (see image).

    In this case I styled the form using firefox but in safari the boxes are very differently sized. The client is also using safari but in their case they are saying it is displaying differently again (in their case the upper 3 boxes extend slightly further than the larger bottom box).

    I would also like to remove the background colour which appears when an area is selected (also visible in the image)

    Finally, on this site I am using avenir as a webfont, is there a way i can make the text titles on the contact form show up in this font?

    Thanks for any help you can give.

  • Profile Image
    Answered on December 06, 2013 at 08:55 AM


    I have added a custom CSS codes to the form. Please kindly check the page again to both FF and Safari.

    The highlighting effect is already disabled.

    I'm not sure if the webfont is possible. We'll check for that but I would suggest creating a separate thread for the question. Start from here: