Message bar visible in Contact form 7

[markusp80]

Hi! I have a contact form 7 based on a template from Design Cloud on this page: https://shootit.se/kontakt/

The yellow bar at the bottom of the contact form is visible even before a message is sent. Any way to hide that before a message is sent?

Also, I cannot find an option to change the color of the button, fonts and sizes of the captions etc. Would that be done with custom CSS?

[tristup]

Hi @markusp80,

Thanks for reaching out.
The issue with the Contact Form has been already reported to our development team and will be updated with the next release.
Till then you can use a temporary fix CSS and add this code to your Theme Options > CSS.

.wpcf7 form.init .wpcf7-response-output 
{
    display: none;
}

Remember that the above code will work if copied as it is and don’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

There is no option to edit or modify the Contact Form 7 button color, font, and size, you need to add custom CSS code to do.

Thanks

[markusp80]

Thanks for the help!

[marc_a]

Hi @markusp80,

You’re welcome and it’s our pleasure to help you. If you have any other concerns, feel free to reach us.

Thank you.