Font size in response fields

User 2372905 Photo


Registered User
7 posts

Hi all - I've designed some forms which will be used by elderly people who are likely to want the font size to be pretty large. I just wondered if anyone knows how to change the size of the default text that appears in the fields when you respond to questions? I guess it's in the CSS like the padding issue - can anyone point me in the right direction?

All the best

Chris
User 187934 Photo


Senior Advisor
20,271 posts
Online Now

#docContainer.fb-large input[type="text"], #docContainer.fb-large input[type="password"], #docContainer.fb-large input[type="email"], #docContainer.fb-large input[type="number"], #docContainer.fb-large input[type="date"], #docContainer.fb-large input[type="url"], #docContainer.fb-large textarea, #docContainer.fb-large input[type="file"], #docContainer.fb-large input[type="tel"] {
border-color: #999999 -moz-use-text-color #FFFFFF;
border-style: solid none;
border-width: 1px medium;
color: #666666;
font: 12px Copse;<---- change it here
max-width: 100%;
width: 99%;
}
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 2372905 Photo


Registered User
7 posts

Brilliant - thank you Eric :-)
User 187934 Photo


Senior Advisor
20,271 posts
Online Now

Your welcome. I'm hoping CC gives that control in the app sometime in the future as I have tweaked several of my forms.:)
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 22274 Photo


Ambassador
5 posts

I'm trying to change the Font Colour in the TEXT AREA Field in my form. I don't know where to change it in the CSS as it's a very light grey and I'd like it to be Black.

Does anyone know?
User 187934 Photo


Senior Advisor
20,271 posts
Online Now

Hi Robert,
Line 401 in the default.css
/* Rule for the text area box */
#docContainer .fb-textarea textarea { height: 140px;
color: rgb(69,69,69);
font: normal 12px Helvetica, Arial, Sans-serif;
border: 1px solid rgb(220,223,231);
border-top-color: rgb(170,173,178);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}

Change this
color: rgb(69,69,69)
to
color: rgb(0,0,0)
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 2140875 Photo


Registered User
378 posts

This is exactly what I would like to do. Trouble is I know nothing about CSS. So, where do I find the CSS code and what do I edit it with?

Any help is greatly appreciated.

Thanks,

Galen
User 122279 Photo


Senior Advisor
14,648 posts
Online Now

You find the default.css in the form's theme folder, inside the css subfolder. The line number depends a bit on what you have in your form, but somewhere around line 400 should be ok. You just have to read the comments above the input boxes to find the right one(s).

You can edit with Notepad if you haven't got a better programme, but it would be a bit hard to count the lines down to about 400. The html Editor is fine, even the free version if you haven't got the paid one.

Mind you, if you are a VSD user, you'd better wait for Eric, Paintbrush, Gunsmoke or some other VSD user to hold your hand about how to get the edited css file into the site without having it overwritten every time you make some change.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2140875 Photo


Registered User
378 posts

Inger,
Thanks for your answer. I do see where to modify it. Now the only question is what to do with the modification.

Eric or others, I hope you will provide some suggestions.

Thanks,

Galen
User 2147626 Photo


Ambassador
2,958 posts

Looking for a good text editor with line numbers, try * Software Name removed from post by Admin *. It's not much but it is free.

Thanks for your answer. I do see where to modify it. Now the only question is what to do with the modification.
I'm confused on this part...once you modify the .css file simply save it. Inger indicated you may be trying to integrate the form in VSD. Is that the case? If so, or if not, let us know what you need. :cool:
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.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.