Submit Button not shown & Error Message display width is very narrow

Hi @brianhwang

It looks like your submit button doesn’t have any text. Have you added text to your CF7 submit tag? If you have, can you show me your form code?

Your theme has some CSS that is messing with the error messages. You can fix them with this custom CSS. Add it under Appearance > Customizer > Material Design Forms > Custom CSS.

#cf7md-form .wpcf7-not-valid-tip {
    width: 100%;
    line-height: inherit;
    height: auto;
    text-align: left;
    position: static;
}

Let me know if you need any further help ??

Thanks,
Angus

Hi Angus,

Thanks for your reply. The error message display issue is resolved.

1. Here is my form code, I did have the button text, but it is not showing up.

[md-form theme=”dark” spacing=”tight”]

[md-text label=”Your name”]
[text* your-name]
[/md-text]

[md-text label=”Your phone”]
[tel* your-phone]
[/md-text]

[md-text label=”Your email”]
[email* your-email]
[/md-text]

[md-textarea label=”Your message”]
[textarea* your-message]
[/md-textarea]

[md-submit]
[submit “Send”]
[/md-submit]

[/md-form]

2. How can we disable this message “Customize your form’s colors and fonts ×”

Brian

Hi @brianhwang

Your theme or some other plugin must be messing with the CF7 submit buttons. Try removing the [md-submit] and [/md-submit] and see if it works better (it won’t be the material button but you might still like it).

The message “Customize your form’s colors and fonts ×” is only displayed to logged in administrator users – none of your site’s visitors will ever see this.

Thanks,
Angus

Hi Angus,

I have removed the [md-submit] and [/md-submit], button is able to shown, but it doesn’t show the button frame.

Brian