-
stormingrobotsAsked on February 21, 2020 at 5:07 PM
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:
-
Bojan Support Team LeadReplied on February 21, 2020 at 5:11 PM
Greetings and thank you for your message.
In order to change the size of the text in the button only on phones, please add the following CSS to the bottom of your current custom CSS:
.form-all .qq-upload-button, .form-all .form-submit-button, .form-all .form-submit-reset, .form-all .form-submit-print{
font-size: 9px !important;
}You can adjust the site by changing the 9px to some other value.
If you are not sure how to inject this custom CSS, please click here to read more about it.
Please let us know if you have any other questions.
-
stormingrobotsReplied on February 22, 2020 at 6:16 AM
This won't be a good solution, as it will change it to a fixed font size, not adjustable.
font-size : calc(10px + (12 - 10) * (100vw - 450)/(800-450))!important;
should work in normal cases. I used it for many of other pages. But, for some reason, it just won't work for this.
-
stormingrobotsReplied on February 22, 2020 at 7:04 AM
ok.. figure out to change the font to fix size only for mobile:
@media only screen and (max-width:480px) {
.form-all .form-submit-button, .form-all .form-submit-reset, .form-all .form-submit-print {
font-size:14px !important;
font-weight:700!important;
}
}
-
KrisLei Jotform SupportReplied on February 22, 2020 at 9:28 AM
Glad to hear you were able to meet your requirements.
Let us know if you need further assistance.