the submit button could not center, nor hover can change

  • stormingrobots
    Asked on February 20, 2020 at 10:13 PM

    I have tried to center the button and changed the font to #000000, it does not work. 

    1582254685junk1 Screenshot 10

    and change the hover, but it looks strange!?

    1582254670junk2 Screenshot 21


    Please help .

  • stormingrobots
    Replied on February 21, 2020 at 12:41 AM

    I finally made it center.  Hoewever, I still cannot change the font to #000000. Nor can I adjust it to middle - vertical-align:middle. 

  • Richie JotForm Support
    Replied on February 21, 2020 at 5:29 AM

    I have checked your submit button and it seems you have changed the color to #000000 and set the vertical-align to middle.

    the submit button could not center, nor hover can change Image 1 Screenshot 20

    If you need further assistance, let us know.

  • stormingrobots
    Replied on February 21, 2020 at 9:59 AM

     

    I apologize.. I did not provide the form - 200216560301134 .   Yes, I managed to change it to black, but only for the hover for some reason!?  I want it #000000 , but hover #851515.  See image.  It remains white.  

     

    1582297102junk Screenshot 10

    Also, I don't know where this mysterious form # entry box on the bottom corner (see image).

    text does not align middle either.  I did the same way like I did with another form. It works on another form, but just not this one!  I even tried to change the radius, but still not working..  It is really odd! Please help.

  • Richie JotForm Support
    Replied on February 21, 2020 at 11:25 AM

    You may try this custom CSS

    .form-all .qq-upload-button, .form-all .form-submit-button, .form-all .form-submit-reset, .form-all .form-submit-print{
        color:black !important;
        padding: 2px 18px !important;
    }

    Guide:https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Please give it a try and let us know how it goes.

  • stormingrobots
    Replied on February 21, 2020 at 1:08 PM

    hmm..I thought vertical-align:middle should handle that.    Anyway, thank you, your solution works for the putting text in the vertical middle.  

    Still 3 outstanding issue for this form: 

    1)

    Would you tell me why I got this mysterious form # entry box on the bottom corner (see image above).  I am pretty sure I did to add an entry like this. I do not see that in 'build' page either..

    2)

    the button font remains the same size with small window size, such as on cellphone. I have to tried to put in calc(...) to do self-adjust. It fails to self-adjust. See this:

    1582309581junk2 Screenshot 10

    3)

    another problem is that this page looks bad in  mobile.  The table below looks bad. I have tried:
    I set with @media .... overflow-x: hidden in the custom css.  not working.. I then add that to the table itself , not working. Then, add an div wrapper with that, still does not work. See below.   Please advice!

     1582308039junk Screenshot 21

  • Bojan Support Team Lead
    Replied on February 21, 2020 at 4:10 PM

    Greetings and thank you for your message. 

    We are working on answering all your questions. As soon as we have the answer to all of them, we will let you know.

    Thank you for your patience. 

  • Bojan Support Team Lead
    Replied on February 21, 2020 at 5:22 PM

    Thank you for your patience.

    Since you have posted several questions, I've split them into new threads. 

    You can find them on the following links:

    1) https://www.jotform.com/answers/2175304-Form-element-Hidden-form-element-is-visible

    2) https://www.jotform.com/answers/2175324-Change-the-size-of-Submit-button

    3) https://www.jotform.com/answers/2175334-Adjust-the-table-to-fit-on-mobile-screen

    If you have any questions, please post them on the respective thread. 

    Thank you for your understanding.