Button alignment and required field warning image size issue

  • Profile Image
    superheat
    Asked on February 26, 2014 at 03:24 PM

    Hi,

     

    I am working on this form:

    http://superheatfgh.com.s179556.gridserver.com/heat-treating-careers.php

    I have modified a few fields on page because I can not get them to work like I want through Jotform. I have two issues though, first, the print and submit buttons will not align. I have read other support answers but hav enot found one that works for me. And second, the warning image for the required field is not displaying correctly.

  • Profile Image
    BDAVID
    Answered on February 26, 2014 at 08:06 PM

    Hi,  since you are working with the downloaded full source code of your form, for the  alignment you need add this CSS code into the CSS file.

    #input_2.form-submit-button{

    position: relative;

    top: 15px;

    }

     

    On regards of warning image, you need to change the percentage:

    img {

        border: 0px none;

        width: 8%;

    }

    Hope this helps you, let us know what happens.

  • Profile Image
    superheat
    Answered on February 27, 2014 at 09:47 AM

    Hey, that worked, with a couple of additions. The img 8% also affected the submit/print buttons and also the captcha image. With the addition of width/height !important to the inline styles on the buttons and the captcha image everything seems to be displaying correctly and also lines up.

    There is one last thing, it looks like there is a faint gray background behind the print button, like there is behind the captcha. The background of the captch is necessary but I can quite figure out where to change it on the print button so it matches the submit button.

     

    Thanks as always for the awesome level of support.

  • Profile Image
    EliezerN
    Answered on February 27, 2014 at 01:03 PM

    Hi superheat,

    To resolve the current issue simply inject this CSS code:

    #input_print_2

    {

    background:none !important;

    width:101px !important;

    }

    Your form will look this way:

    In case you need help with something unrelated to the first inquiry of this thread, kindly open new threads and post there your inquiries, that helps us to avoid confusion among inquiries/questions and that way give you a better assistance.

    Thanks