How to align text within a button?

  • Profile Image
    kllwk1
    Asked on January 10, 2015 at 07:15 AM

    I am trying to center a word within a Button in the "Customized Website Contact Form". 

    I cannot get the text in the <SEND> button to stay in the center; during the build, this problem is not obvious but during Preview, it is clear.

    Have attached screen captures to show this problem.

  • Profile Image
    Sean
    Answered on January 10, 2015 at 08:49 AM

    Hello kllwk1

    Thank you for contacting us for support. I will be more than happy to assist with this issue. I have cloned your form and I made some adjustments to your CSS codes and this is the end result:

    The following CSS code was added to your cloned form.

    .form-submit-button {
    padding: 0 !important;
    width: 70px;
    line-height: 11px;
    }

    My version of your cloned form can be viewed here: http://form.jotformpro.com/form/50093057607958

    You can add Custom CSS to your form by following the instructions in the screenshot below.

    Feel free to ask for further assistance if needed.

    Cheers!
    Sean