cancel
Showing results for 
Search instead for 
Did you mean: 

Contact form fonts

jonesio
Member
Is there any way to change the contact form fonts as they are really small and not very bright when i add one in.
1 ACCEPTED SOLUTION

Accepted Solutions

Alexander
BT Partner
BT Partner
In EasySite Wizard Pro / Editor click on your web form to bring up the Web Form Editor. At the top under Form is where you should be able to edit the form text and at the bottom under Element Properties, you should see a check box next Form Width. Check that box and adjust the numbers to get the desired effect. Try % versus pixels to see the difference in results.

View solution in original post

4 REPLIES 4

cowan85
Member

If the form has been created in Easy Site Wizrd Pro the only way to do this would be by opening up the HTML and making changes in here.

 

Click on the pencil in the top right of editor view, select "edit HTML source". Your looking for a line similar to:

 

"<P class=userFormLabel style="CLEAR: none; MARGIN-TOP: 0px; POSITION: static"><SPAN onclick="">Name:</SPAN> </P></TD>"

 

Name will be whatever your particular field is.

 

You can change the font colour, size etc in here by editing the "style="CLEAR: none; MARGIN-TOP: 0px; POSITION: static"" part.  e.g.

 

style="font-size:10px; color:#000000; CLEAR: none; MARGIN-TOP: 0px; POSITION: static"

 

this sets the size to 10 pixels in size and black in colour. You can get the colour codes from where you can change the font colour normally. You would need to do this for each field in the form.

Message Edited by cowan85 on 21-09-2009 04:11 PM

HSMM
Member
I tried to do this and I know I'm not very technical, but it didn't work!

HSMM
Member

I did manage to change the form font and colour using these instructions in the end, but the column widths still don't look too good.

Alexander
BT Partner
BT Partner
In EasySite Wizard Pro / Editor click on your web form to bring up the Web Form Editor. At the top under Form is where you should be able to edit the form text and at the bottom under Element Properties, you should see a check box next Form Width. Check that box and adjust the numbers to get the desired effect. Try % versus pixels to see the difference in results.