Hi @esyagentur,
Rather than delete CSS from the plugin, you’re better off adding your own CSS to override the parts you don’t like.
You can do this under Customize > Material Design Forms > Custom CSS.
Remember to put #cf7md-form as the start of each CSS selector. The plugin needs this because it needs to be quite specific to override theme styles. Here’s a start on some custom CSS.
#cf7md-form + .wpcf7-response-output {
/* your overrides here */
}
Thanks,
Angus
Hi Angus,
thanks for your reply. After deleting “+ .wpcf7-response-output” with chrome, the output will show no more errors. So in conclusion the problem must be the “+ .wpcf7-response-output” part.
Can you tell us where to find it? Chrome says its in http://wordpress.p396732.webspaceconfig.de/wp-content/plugins/material-design-for-contact-form-7/assets/css/cf7-material-design.css?ver=4.8.2
But we checked every part – can’t find it.
Same goes the flying stuff. While pressing “Send” the alert element will appear flying and rotating. This was not happening before installing.
We use avada as theme.
Thanks for support.
Best,
Fabian
Hi @esyagentur,
That thing rotating isn’t the alert it’s a custom loading spinner that your theme must have added.
To fix, go to Customise > Material Design Forms > Custom CSS and add this:
#cf7md-form .fusion-body .wpcf7-form .fusion-slider-loading,
#cf7md-form.fusion-body .wpcf7-form .fusion-slider-loading:after {
width: 3em !important;
}
If you want to make further changes to the look of the alert, like I said above, don’t try and delete CSS from the plugin as it will just get re-added next time you update it. Instead, add your own style rules into this selector (in the same CSS box as where you put the above code).
#cf7md-form + .wpcf7-response-output {
/* your overrides here */
}
Thanks,
Angus
