“Send” text is almost invisible

Try switching to the default theme.

I have the same problem at https://lenzibangkok.com/reservation/
Can you suggest a css code to add in the lab ADDITIONAL SETTING for having the white borders of the SEND button and as well a white font for the word SENT? Thanks!

Hi, churchinchicago, I am another Contact Form 7 user.

It looks like there is some custom CSS that was added that determines the color of the submit button:

input[type="reset"], input[type="button"], input[type="submit"], .entry-meta-bar .readmore, #controllers a:hover, #controllers a.active, .pagination span, .pagination a:hover span, .wp-pagenavi .current, .wp-pagenavi a:hover {
    background: #ffffff;
    border-color: #ffffff !important;
}

You can try removing the CSS above from your site; otherwise, if you are unable to do that, I would suggest adding the following CSS from within the customizer to address this issue:

input.wpcf7-form-control.has-spinner.wpcf7-submit {
    text-transform: capitalize;
    border: 1px solid #439f55;
    background-color: #57ad68;
}

Takayuki,

Thanks, but I didn’t know how to switch to the default theme.

Ian,

Thank you; your code (the second listed) worked well to make the Send button appear correctly!

Now I have a different problem. Whenever I scroll over the form, a red circle with a line through it shows up. It is possible to fill out the form, but that would be disconcerting to the user.

Either of you know how to resolve the problem? Or should I post another question on the WordPress forum to get it answered?

Hi, churchinchicago, what internet browser are you using?

When I’m using the Chrome web browser on a Windows desktop computer, I don’t see a red circle when scrolling over the form.

I’m using Chrome, but in the meantime the problem resolved itself. There’s no more red circle with a line through it showing up anymore.

Thanks for responding!