Input Font Size

User 2654584 Photo


Registered User
7 posts

I'm glad I stumbled on this PHP 8 info. I have been working with Coffee Cup support for a long time trying to get my web form builder script linked to Site Designer as per their enterprise example. Support has been quiet for a few months now. My hosting service is using PHP 8. Web form builder works great when it is added as an html element, however google gives warnings since the height of the fields are too small. The pixels height needs to be increased, but support has said that wfb can't be modified to increase the height of the fields. Can anyone help with this problem?
User 187934 Photo


Senior Advisor
20,190 posts
Online Now

You can set styles with straight js or jquery. You can also override the css.
These are targeting by input name. Adjust the text1 to your input name.
JS added to a html element.
<script>
document.querySelector("[name='text1']").style.height="40px";
document.querySelector("[name='text1']").style.fontSize="18pt";</script>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2654584 Photo


Registered User
7 posts

Where does this script go? I have the script from wfb imbedded as an html element on my contact page. Does this script get added to the wfb script in site designer? Can you have multiple scripts added to the html element?
User 187934 Photo


Senior Advisor
20,190 posts
Online Now

Use an html element within the Form Builder application and add it there. It's probably best to place the html element below the inputs that you want alter.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2654584 Photo


Registered User
7 posts

I have tried adding the script you listed with my inputs into SD and also WFB, but can't get the height of the input field to change. I'm not sure what you mean by using an html element within the form Builder application. Any additional help would be appreciated.
User 187934 Photo


Senior Advisor
20,190 posts
Online Now

See attached
Attachments:
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2654584 Photo


Registered User
7 posts

Fantastic! Thank you so much. The input boxes are now at 48px and meets google requirement. The input characters still show on the smaller side. Can they be enlarged? Is it possible to make the checkbox larger in WFB? Just in case google wants it larger also.
User 187934 Photo


Senior Advisor
20,190 posts
Online Now

The second line should've increased your font size. Make it more.
document.querySelector("[name='text1']").style.fontSize="28pt";

You can also apply regular css on elements.
<style>#docContainer input[type="checkbox"]{
width:30px!important;
height:30px!important;
}
</style>


I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2654584 Photo


Registered User
7 posts

The 18pt shows up on my Stoverimaging.com contact page which is hosted on dreamhost with php 7.4. The text area field still has small letters. My LLPyroArt.com site still has all small letters and it is hosted on dreamhost with php 8.
I will try the css. Thank you.
User 187934 Photo


Senior Advisor
20,190 posts
Online Now

Make sure to do Ctl+ f5 to clear cache.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.