What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    CSS: Form's header background color

    Asked by ceramicarts on November 21, 2013 at 07:53 PM

    Hi,

    How can I change the blue on the form to match my website better.  I cannot find the place to change the blue in the header to another color

     

    Thanks

    Brian

    Page URL:
    http://www.batteryspecialist.ca/find-your-product/

    find thanks
  • Profile Image

    Answered by pinoytech on November 21, 2013 at 08:25 PM

    Hi Brian,

    Your form is using custom css for the background color of your form header. In order to change background color, please follow this simple steps:

    1. Edit your form

    2. Click Setup & Embed then Preferences

    3. On the Preferences window, go to Form Styles tab and then insert your CSS Code under Inject Custom CSS Box.

    4. Find this custom css and change background color

    .form-header-group {

    moz-box-shadow: inset 0px 1px 0px 0px #FAFCFD;

    -webkit-box-shadow: inset 0px 1px 0px 0px #FAFCFD;

    box-shadow: inset 0px 1px 0px 0px #FAFCFD;

    background-color: rgba(121, 187, 255, 0.59);

    }

    5. Save Changes.

    Feel free to contact us again if you need further assistance.