Question

Customize Text Color Change Issue

Forms Version 10

Updated March 9, 2017

asked on February 24, 2017

I am trying to have all forms stored in pure black and white. I change all the font colors to #000000. However, when it stores it reverts back to the default color of #555555. I have attempted creating a custom theme numerous times and it still doesn't keep the #000000 in the field body text. How can I change the font color to pure black and have it stay that way?

0 0

Answer

SELECTED ANSWER

replied on March 2, 2017

You can add ".cf-field span" after ".cf-field div" for your first CSS.

0 0

Replies

replied on February 27, 2017

The issue that you can't change the text color to #000000 from Themes page is a bug for Forms, we will address it for next version. As a workaround, you can use following custom CSS to change the text color:

.cf-formwrap label,.cf-formwrap select,.cf-formwrap input,.cf-formwrap textarea,.cf-formwrap h1,.cf-field div{ color:#000000 !important;}

2 0

View 5 previous replies

replied on February 28, 2017

This worked for all the fields except the date field. What is the css class is the date field?

0 0

replied on February 28, 2017

Do you mean the input for the date field or the calendar? The input should be covered by " cf-formwrap input" this style. Can you provide the screenshot for what is not work for you?

0 0

replied on March 1, 2017

0 0

replied on March 1, 2017

The Date field was created using the Date field option within Layout. FYI, I am running Forms 10.1.

0 0

replied on March 1, 2017

This is the read-only date field which use today as default value, you can add following CSS :

.date-submission{ color:#000000 !important;}

0 0

replied on March 2, 2017

Xiuhong, I copied the css above exactly how you have it and it still doesn't work.

This is how it is storing in Laserfiche: (Everything is black expect the date)

This is the CSS I have:

Do you have any other ideas? I appreciate all your help.

0 0

SELECTED ANSWER

replied on March 2, 2017

You can add ".cf-field span" after ".cf-field div" for your first CSS.

0 0

replied on March 3, 2017

That did it! Thank you Xiuhong!

0 0

replied on February 24, 2017

Hi Vanessa,

It sounds like you might be running into a variant of this thread. When forms are stored into the repository, all input, textarea, etc elements are converted to div elements, so if custom CSS rules use, say, the input element type in the selector, they will no longer find the element in the version which is saved to the repository. You can just include a parallel selector in the rule which references div instead of input, for example.

Hope this helps!

1 0

replied on March 9, 2017

Hi,

Forms 10.2 Update 1 has been released and this problem is fixed in this update.

You can get the patch for this at https://support.laserfiche.com/kb/1013834/list-of-changes-for-laserfiche-forms-10-2-update-1-

Thanks.

1 0

You are not allowed to follow up in this post.

Question

Question

Customize Text Color Change Issue

Answer

Replies

Sign in to reply to this post.