Title: CSS Error
Last modified: October 27, 2017

---

# CSS Error

 *  Resolved [esyagentur](https://wordpress.org/support/users/esyagentur/)
 * (@esyagentur)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/css-error-22/)
 * Howdy,
 * awesome plugin by the way. We have a small issue with css. The want to delete
   the following sequence, but we can’t find it anywhere. It makes alert messages
   look weird 😉
 * #cf7md-form.cf7md-form + .wpcf7-response-output {
    border: none; border-bottom:
   2px solid #d50000; padding: 0 0 8px; font-size: 0.85em; color: #d50000; margin:
   24px 0 16px; }
 * Thanks for support 🙂
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-error-22%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Author [GusRuss89](https://wordpress.org/support/users/gusruss89/)
 * (@gusruss89)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/css-error-22/#post-9632010)
 * Hi [@esyagentur](https://wordpress.org/support/users/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
 *  Thread Starter [esyagentur](https://wordpress.org/support/users/esyagentur/)
 * (@esyagentur)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/css-error-22/#post-9632240)
 * 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](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
 *  Plugin Author [GusRuss89](https://wordpress.org/support/users/gusruss89/)
 * (@gusruss89)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/css-error-22/#post-9632291)
 * Hi [@esyagentur](https://wordpress.org/support/users/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

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

The topic ‘CSS Error’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/material-design-for-contact-form-
   7_f8f8f8.svg)
 * [Material Design for Contact Form 7](https://wordpress.org/plugins/material-design-for-contact-form-7/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/material-design-for-contact-form-7/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/material-design-for-contact-form-7/)
 * [Active Topics](https://wordpress.org/support/plugin/material-design-for-contact-form-7/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/material-design-for-contact-form-7/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/material-design-for-contact-form-7/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [GusRuss89](https://wordpress.org/support/users/gusruss89/)
 * Last activity: [8 years, 7 months ago](https://wordpress.org/support/topic/css-error-22/#post-9632291)
 * Status: resolved