Text inside a comment box on the form


Registered User
15 posts

Here is what I would like to do. I have several forms that I am going to use on my website. However when someone types in their data in one of the fields on the forms you can barely read it. I would like to make it darker, maybe a different color, and possibly larger. How can this be done? I love the forms program. I should have bought it earlier!!

Thanks!
Stu


Senior Advisor
13,171 posts
Online Now

In your form folder look in the theme/default/css/default.css.
Now look for

/* Rule for the input-boxes */
#docContainer .fb-input-box input {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;

}


Adjust to your liking.:)


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

Here's my S-Drive site with
examples of what can be accomplished in VSD.
http://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
http://progrower.coffeecup.com/shop/


Registered User
15 posts

Does what you wrote above control every box on my form? I tried it, and didn't seem to work! I want it about size 14 px, black and bold throughout the form!!! AND its a long form!!! Please help!!!


Thanks!
Stu


Senior Advisor
13,171 posts
Online Now

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

Here's my S-Drive site with
examples of what can be accomplished in VSD.
http://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
http://progrower.coffeecup.com/shop/


Registered User
15 posts

Why sure!

Here is the link to both forms, one long and one short.

http://www.votethistime.com/Candidates/FAQ.html


Senior Advisor
13,171 posts
Online Now

Here's what I see for your linking form.

/* Rule for the input-boxes */
#docContainer .fb-input-box input {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;}

It's still 12px for font.;)
Make sure you are editing the default.css and if you make changes to your form and reexport you'll have to do it again if you overwrite the default.css. You should be able to keep a copy of the one you alter in a directory for safe keeping then copy it to the form folder any time you reexport the form so you don't have to keep getting into it and making the same changes.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
http://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
http://progrower.coffeecup.com/shop/


Registered User
15 posts

Still not doing it. I have made sure the css file has been changed to 14px. If you take a look at it and try to fill in any of the information it is very hard to read so I think you can see me dilemma. I would like it to be 14px, readable, bold, and black. But not happening on my end. help!!! lol Also does changing that particular part of the stylesheet make it blanket for every input box? For example I designated one of them to be a phone number.


Registered User
15 posts

The link to the form is listed above. It is still not working as far as adjusting the fonts!


Senior Advisor
13,171 posts
Online Now

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

Here's my S-Drive site with
examples of what can be accomplished in VSD.
http://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
http://progrower.coffeecup.com/shop/


Registered User
15 posts

Thank you!:)

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.