-
stormingrobotsAsked 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.
and change the hover, but it looks strange!?
Please help .
-
stormingrobotsReplied 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 SupportReplied 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.
If you need further assistance, let us know.
-
stormingrobotsReplied 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.
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 SupportReplied 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.
-
stormingrobotsReplied 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: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! -
Bojan Support Team LeadReplied 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 LeadReplied 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.