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

    Submit button font colour change

    Asked by ipbr21054 on September 23, 2013 at 05:15 PM

    I was advisd to start a new thread as i replied to a thread of a different nature.

    Here is the web page in question

    http://form.jotformeu.com/form/32651513003339

    I would like the text on the submit button to be white.

    I was advised to add this to the css

    .form-submit-button, {

    color: #FFF !important;

    }

    I have done that but still the text is black & not white. 

    I was also advised that there are some conflicts regarding the code for the text colour.

    Please are you able to clean up the code for me in respect of moving the conflicts & make the text white.

    I do not wish to make an error and best left to the professionals i think this time.

     

    .form-submit-button {
    margin-top: 0px !important;
    cursor: pointer;
    width: 150px;
    padding: 5px;
    background: transparent;
    border: 1px dashed #7A7246;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color:#00ABEE !important;
    font-weight: bold;
    font-family: verdana;
    font-size: 13px;
    opacity:0.5;
    filter:alpha(opacity=40);
    }

    Then the rule immediately following states:

    .form-submit-button{
    background-color: #3366FF;
    opacity:100;
    filter:alpha(opacity=100);
    color: white!important;
    }

    Then there's a third rule targeting the same element:

    .form-submit-button, .form-submit-button-simple_red  {
    color:#000 !important;
    text-shadow: none !important;
    }

     


    Answered by abajan on September 23, 2013 at 04:24 PM

    font colour style size different
  • Profile Image

    Answered by pinoytech on September 23, 2013 at 06:29 PM

    Hi,

    Sorry for the inconvenience that may have caused. Upon checking your form's custom code for your submit button text, I found out that there's conflict with this codes:

    .form-submit-button, .form-submit-button-simple_red  {

    color: #000 !important;

    text-shadow: none !important;

    }

    and

    .form-submit-button, {

    color: #FFF !important;

    Anyways, I've fix the issue. Kindly take a look at your form if I did it correctly or not.

    http://form.jotformeu.com/form/32651513003339

    If you need further assistance, please let us know.

    Thank you!

  • Profile Image

    Answered by ipbr21054 on September 24, 2013 at 05:14 AM

    Perfect many thanks

  • Profile Image

    Answered by pinoytech on September 24, 2013 at 09:59 AM

    It's my pleasure! If you need our assistance again, please let us know.

    Have a nice day!