Submit button font size not changing with CSS

  • Profile Image
    gdglass1
    Asked on June 24, 2014 at 10:19 AM

    I finally got the button to increase in size, sometimes the wizard works, sometimes not. Was just attempting to get the submit button the same size as the captcha box....Anyway, I think I have that finally.

    Now using CSS, I cannot get the font size to increase to better match the new button size.

    I have used three different CSS codes found on the forum. Also, if I remove the CSS code to increase font size the button goes back to original size.

    Any Suggestions?

  • Profile Image
    Jim_Rank
    Answered on June 24, 2014 at 11:40 AM

    Hello Sir,

    Thanks for contacting us. By injecting CSS code it's possible to change the submit button font-size. Just I have checked your form and got that you already injected some CSS code.

    To increase the font-size of submit button please inject the CSS code into .form-submit-button, please inject the following pointed CSS code with the exist code in your form-

    .form-line-error .form-error-message {
    background: #81ba10;
    }
    .form-error-arrow {
    border-bottom-color: #81ba10;
    }
    .form-line-error input:not(#coupon-input), .form-line-error textarea {
    border: 1px solid #81ba10;
    -moz-box-shadow: 0 0 3px #C5C531;
    -webkit-box-shadow: 0 0 3px #C5C531;
    box-shadow: 0 0 3px #81ba10;
    }.form-line-error {background: #bbec59 !important;}
    .form-submit-button {
    width:164px;
    height:44px;
    border:2px solid #ccc;
    font-size:30px !important;
    }

    See the demo form in this link.

    Please get back to us, if you need further assistance. Cheers !

     

  • Profile Image
    gdglass1
    Answered on June 24, 2014 at 11:54 AM

    Thank You! That worked....

    One other question,

    How big is the standard captcha box?

    I was attempting to match the size of the button with the size of the captcha box, I just "eyeballed it" to about 165px 

  • Profile Image
    BryanPaulo
    Answered on June 24, 2014 at 12:08 PM

    Hi,

    Looks like your submit button already matched the width of the captcha. 

    Let us know if you still need our assistance.