MachForm Community Forums » MachForm 2

1. StephenGormley
   Member

   I have managed to change the CSS file for a form that will sit on a dark background. All of the colours are working fine, however, when it comes to populating a form as a visitor the text is white within white boxes and hence can't be seen!

   What do I need to change to make the text being input appear black?

   Thanks in advance.

   Posted 12 years ago #
2. 

   yuniar

   Try to put this code into the bottom of your CSS file:

   #main_body input.text,#main_body input.file,
   #main_body textarea.textarea,#main_body select.select,
   #main_body input.checkbox,#main_body input.radio
   {
   color: #000000;
   }

   ---

   MachForm Founder

   Posted 12 years ago #

3. StephenGormley
   Member

   Hi,

   This didn't appear to make a difference at all. Please could you have another look for me, I can send you the full CSS if you require it, or send you a link to the form I have so far.

   Are there plans to create more of a visual CSS editor (importantly including an eyedropper) in future? I find editing the CSS by far the most frustrating element of using Machforms.

   Many thanks,
   Stephen

   Posted 12 years ago #
4. 

   yuniar

   Yes, can you let me know the URL to your form please? I'll check it. Also make sure to refresh your browser, just in case your browser still loading the old cache.

   And yes, this is the most painful element of current MachForm. Sorry for this!
   This is why we have developed the visual theme editor and will be available within version 3 of MachForm :-)

   A beta version of v3 will be available next month.
   You can check the screenshot and video of the new theme editor here:
   http://www.appnitro.com/forums/topic/official-version-3-beta-new-features-coming/page/3?replies=45#post-13302

   ---

   MachForm Founder

   Posted 12 years ago #

5. StephenGormley
   Member

   Hi

   My form url is: http://www.stephengormley.co.uk/machform/embed.php?id=6

   but this is embedded into a Wordpress page in my website here: http://www.stephengormley.co.uk/commercial/contact/

   Thanks for your help!

   Posted 12 years ago #
6. 

   yuniar

   Hi Stephen,

   Ok, try to replace the code I posted above with this one:

   #main_body input.text,#main_body input.file,
   #main_body textarea.textarea,#main_body select.select,
   #main_body input.checkbox,#main_body input.radio
   {
   color: #000000 !important;
   }

   that should do it.

   ---

   MachForm Founder

   Posted 12 years ago #

7. StephenGormley
   Member

   Hi Yuniar,

   This hasn't fixed the problem I'm afraid. Its still white text on a white background when selected.

   Any other ideas please?

   Thank you.

   Posted 12 years ago #
8. 

   yuniar

   Most likely your browser still loading the old cache. Try to delete your browser cache or do a hard refresh.
   I've just checked your form and I can see black text when the field being selected

   ---

   MachForm Founder

   Posted 12 years ago #

9. StephenGormley
   Member

   Thank you, working well now!

   A couple of other details that I've noticed whilst trying to populate the form 1) the help/guidance text for the large lext box at the bottom is clear - ideally I need to change the text to dark here too. 2) The alternate lines on the form summary/review page again become light text on a light background. Ideally, these lines with background colour or shading need to have black text too.

   If you can offer any advice it would be greatly appreciated - thank you!

   Posted 12 years ago #

RSS feed for this topic

Reply

You must log in to post.