Contact Form – Text invisible

  • Resolved carlheikel

    (@carlheikel)


    5 years, 2 months ago

    I have recently created a WordPress website and am using CoBlocks. On our ‘Contact Us’ page, we have a ‘Contact Form’. Within the fillable text fields for “Name” & “E-mail” etc I am unable to see the text that has been entered. Only after I highlight the text within the form can I see it. It appears that the text color is very light grey and is basically unreadable on the white background of the fillable field.

    Is there a way for me to resolve this? I’m not sure where I can edit the text color for this Block (Form).

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Anthony Ledesma

    (@paranoia1906)

    Hi @carlheikel,

    Looking through the code for the Form block, the only place that I see color being set is related to if a field is required or not (setting a red border) but I do not see anything that should be setting the native text color. This can be set by your site theme, browser, or even a browser extension. Do you have a live site that we can visit to investigate your issue? What theme are you using? Are you setting custom theme colors on your site? I suspect there is a conflicting CSS style that is causing the behavior you describe. Thanks in advance for your response.

    Best regards,

    Anthony

    Thread Starter carlheikel

    (@carlheikel)

    Hi Anthony,

    Thanks for reply.

    Here is the link: https://commongroundscoffee.ca/contact/

    Regarding the theme: it currently shows “Lyrical”. Unfortunately, I’m not sure where to find the default/custom text color

    Thanks for your help…

    Plugin Author Anthony Ledesma

    (@paranoia1906)

    Hi @carlheikel,

    I have confirmed after looking at your site that the theme is setting the text color in your input boxes. You should be able to apply some custom css to resolve this issue.

    Try placing this in the ‘Additional CSS’ area of your site customizer. 

    .coblocks-field {
    color: black !important;
}

    If you are not familiar with the customizer then please view this article.

    Appearance Customize Screen


    Hope this helps.

    Best regards,

    Anthony

    Thread Starter carlheikel

    (@carlheikel)

    Thanks Anthony. I will review the theme and the CSS. So, is this a site-wide text color change, or, could I just change the text color for that specific Block (Form)?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Contact Form – Text invisible’ is closed to new replies.

Tags