contact form displays no boarders or text

  • Hi,

    I have tried two different contact forms and none of them display fields for writing, no boarders, neither the text you write. It seems like they are turned to white color. I have seen there was a topic like this in the past, unfortunately it was unresolved.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hello there,

    Happy to help you with this.

    You could look to add CSS to solve this. This CSS should be able to apply that. 

    
/* Add border to form fields */
.wp-block-column .contact-form input[type=text] {
    border: 1px solid;
}

    This can be added via Appearance > Customize > Additional CSS.

    Thread Starter keppas

    (@keppas)

    Hello Adam,

    Thank you for your reply.
    It’s going in the right direction but not completely. The code you gave me applied a border to only one field which disappears once you click on it. The text when you write is still not visible and other boarders are still not there.

    Hi there,

    Replace the code Adam gave you with this instead:

    form.wp-block-jetpack-contact-form input, form.wp-block-jetpack-contact-form input:focus, form.wp-block-jetpack-contact-form textarea {
    border: 1px solid black;
    color: black;
}

    That adds a border to all the current fields in your form, and changes the font color to black, both when a field is selected and when it’s not.

    Thread Starter keppas

    (@keppas)

    Hi KokkieH,

    This worked like a charm. Thank you.

    Happy to help ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘contact form displays no boarders or text’ is closed to new replies.