How to align text within a button?

  • kllwk1
    Asked on January 10, 2015 at 7: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.

    How to align text within a button? Image 1 Screenshot 30How to align text within a button? Image 2 Screenshot 41

  • Sean
    Replied on January 10, 2015 at 8: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:

    How to align text within a button? Image 1 Screenshot 30

    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.

    How to align text within a button? Image 2 Screenshot 41

    Feel free to ask for further assistance if needed.

    Cheers!
    Sean