Title: Deactivate CSS inlining
Last modified: April 27, 2018

---

# Deactivate CSS inlining

 *  [leanderbraunschweig](https://wordpress.org/support/users/leanderbraunschweig/)
 * (@leanderbraunschweig)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/deactivate-css-inlining/)
 * Hi there,
 * at first I thought CF7 would inject the CSS into my markup ([see this post](https://wordpress.org/support/topic/cannot-get-rid-of-cf7s-css-injects/))
   but it seems like Bootstrap for CF7 is the culprit, at least that’s what the 
   author states…?
 * I am talking about the following output:
 *     ```
       <style type="text/css">
         div.wpcf7 .screen-reader-response {
           position: absolute;
           overflow: hidden;
           clip: rect(1px, 1px, 1px, 1px);
           height: 1px;
           width: 1px;
           margin: 0;
           padding: 0;
           border: 0;
         }
   
         div.wpcf7 .form-inline img.ajax-loader {
           display: inline;
         }
   
         div.wpcf7 .ajax-loader {
           visibility: hidden;
           display: inline-block;
           background-image: url('https://querstadtein.org/app/plugins/contact-form-7/images/ajax-loader.gif');
           width: 16px;
           height: 16px;
           border: none;
           padding: 0;
           margin: 0 0 0 4px;
           vertical-align: middle;
         }
   
         div.wpcf7 .ajax-loader.is-active {
           visibility: visible;
         }
   
         div.wpcf7 div.ajax-error {
           display: none;
         }
   
         div.wpcf7 .wpcf7-display-none {
           display: none;
         }
   
         div.wpcf7 .placeheld {
           color: #888;
         }
   
         div.wpcf7 .wpcf7-recaptcha iframe {
           margin-bottom: 0;
         }
   
         div.wpcf7 input[type="file"] {
           cursor: pointer;
         }
   
         div.wpcf7 input[type="file"]:disabled {
           cursor: default;
         }
   
         div.wpcf7 .form-inline .form-group {
           max-width: 250px;
         }
   
         div.wpcf7 .input-group-addon img {
           height: 100%;
           width: auto;
           max-width: none !important;
           border-radius: 5px;
         }
   
         div.wpcf7 .input-group-addon.input-group-has-image {
           padding: 0;
         }
       </style>
       ```
   
 * How can I deactivate that? Any idea if this might be connected to your plugin?
 * Another thing: On the plugin page you refer to “the other notes section” but 
   that doesn’t exist any more, guess due to the re-modelling of the plugin pages…
   Would be great to bring the docs back somewhere!
 * > Please read the Other Notes section to learn how to do that.
 * Thanks & regards!
    -  This topic was modified 8 years, 1 month ago by [leanderbraunschweig](https://wordpress.org/support/users/leanderbraunschweig/).
    -  This topic was modified 8 years, 1 month ago by [leanderbraunschweig](https://wordpress.org/support/users/leanderbraunschweig/).

The topic ‘Deactivate CSS inlining’ is closed to new replies.

 * ![](https://ps.w.org/bootstrap-for-contact-form-7/assets/icon-256x256.png?rev
   =1021147)
 * [Bootstrap for Contact Form 7](https://wordpress.org/plugins/bootstrap-for-contact-form-7/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/bootstrap-for-contact-form-7/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/bootstrap-for-contact-form-7/)
 * [Active Topics](https://wordpress.org/support/plugin/bootstrap-for-contact-form-7/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/bootstrap-for-contact-form-7/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/bootstrap-for-contact-form-7/reviews/)

 * 0 replies
 * 1 participant
 * Last reply from: [leanderbraunschweig](https://wordpress.org/support/users/leanderbraunschweig/)
 * Last activity: [8 years, 1 month ago](https://wordpress.org/support/topic/deactivate-css-inlining/)
 * Status: not resolved