When form is printed date field shows format in dark text - RESOLVED

 Hi,

My form-60965567853976 has an option to PRINT. If One chooses to print the form, and fill it out for mailing in, the Date field has " mm/dd/yyyy " showing in very dark letters. I tried to add some custom css code to make appear very faint but that didn't work. Is there a way to turn off the displaying of date format?

I want to use the calendar function for those that prefer to use the submit option. 

The form appears as a light-box on our website. If you wish to view it there it is : Transfer Dog Ownership 

Here is an image of the form when it is to be printed.

I just found if turn off lite-mode it works much better.

But I still don't understand why in lite-mode it is so dark.

TNX,
Robert

If you still want to try with lite mode, try injecting the following code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

#lite_mode_24{    

color: #02565d !important;

}

Result:

Let us know if you need more help.

Hi,

I had a very similar css code but did not have !important added.

I tried it again with:

#lite_mode_24 

{color : #dedede !important;

    text-align:center;

} 

 But I still get the same result, dark text printed  mm.dd.yyyy, if no date is entered

if I actually enter a date then it is a light gray,  09.08.2016  showing a color as you indicate in your example.

The problem is if no date is entered, it's fine if a date is entered, then I don't care about color.

TNX,
Robert

In order to change the color of your placeholder text, inject the following code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

*::-webkit-input-placeholder {

   color: #02565d !important;

}

*:-moz-placeholder {

   color: #02565d !important;

}

*::-moz-placeholder {

   color: #02565d !important;

}

*:-ms-input-placeholder {

   color: #02565d !important;

}

Result:

Let us know if you need more help.

Hi,

So I injected the following so that the text is whited out, can't be seen!

*::-webkit-input-placeholder {

   color: #ffffff !important;

}

*:-moz-placeholder {

   color: #ffffff !important;

}

*::-moz-placeholder {

   color: #ffffff !important;

}

*:-ms-input-placeholder {

   color: #ffffff!important;

}

When previewing the form the text is not visible because it is now white but if you choose to print it the problem appears.

And this what appears for printing: Light gray text for "mm.dd.yyyy" when I actually want it to be white so that nothing shows there. Remember the form is printed out so to be filled by hand . Then mailed in.

It is not so good to write over existing text. It would be great if I could eliminate the text when printing all together

TNX,
Robert

Hi,  Please try using color: #ffffff !important; and not the teal color for testing.

TNX,
Robert

Please replace the #ffffff with transparent in your CSS.

color: transparent !important;

PERFECT! Exactly what I wanted. Thank you one and all at JF.

TNX,
Robert