Form element font and colour - Post...

User 2056177 Photo


Registered User
232 posts

Is it possible to change the colour and font size in the form elements?
In the old WFB, there was the option of normal or bold which I can't seem to find in the new one.
Any help would be appreciated.
Thanks,
Pete
User 187934 Photo


Senior Advisor
20,188 posts

You can change the labels font properties, but you can't alter the input text of elements.
I do believe you'll have to attack the html to make those changes. I think there's several request for this ability. You should make you voice heard.;)
http://www.coffeecup.com/forums/web-for … m-builder/
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 1744013 Photo


Registered User
89 posts

I also wish at lot of this was implemented in the program itself - would make things a lot quicker and easier. I've set up a very simple testing form and started to dissect the HTML and CSS. I plan on eventually creating a documented and commented list of attributes for quickly styling the forms. Others may want to add what they find.

Open the folder that contains your form files and go to: theme>default>css>default.css and open it in your editor of choice. Make a backup copy so you can restore if things go bad. Apologies to you experienced coders, I'm hoping to help the less knowledgeable if I can.

Find the green text: /*Form Elements. This rule is common to all inputs boxes*/
Add: background-color: your pick;
to the element and you'll change the input box field colors. You can change the input box padding here as well if you want.

Go to the green: /* Rule for the input-boxes */
If you change: color: your pick; it will change to color of the font the user types into the field. You can change the color of the box lines here, change the width of the box lines here, change the radius to round the field boxes, etc.

One thing I do is to add notes (comments) to myself inside the /* */ Then I know what I've done and what the rule does.
You can easily see that the majority of the styling rules are here and you can play around. A fully documented and commented list would be great and hopefully others will pitch in here.
James Rook
User 271657 Photo


Ambassador
3,816 posts

Thanks for that, Hazy. :) I'm sure that skinny, italic text is difficult to read for quite a few people, makes it hard to tell if you've got typos :P
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.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.