Submit button font colour change

  • Profile Image
    ipbr21054
    Asked 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

  • Profile Image
    pinoytech
    Answered 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
    ipbr21054
    Answered on September 24, 2013 at 05:14 AM

    Perfect many thanks

  • Profile Image
    pinoytech
    Answered 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!