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
All the best
Chris
#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%;
}
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
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
Brilliant - thank you Eric :-)
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
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
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?
Does anyone know?
Hi Robert,
Line 401 in the default.css
Change this
color: rgb(69,69,69)
to
color: rgb(0,0,0)
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;}
#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
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
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
Any help is greatly appreciated.
Thanks,
Galen
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.
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
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
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
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
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.
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.
Thanks for your answer. I do see where to modify it. Now the only question is what to do with the modification.

Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
-------------------------------------
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.