How to Deregister CSS Style Sheet of Contact Form 7

PressTigers

How to Deregister CSS Style Sheet of Contact Form 7

October 27, 2016
Leave a comment

Contact Form 7 (CF7) gives you a way to create contact forms for your website with essential HTML markup. After forms creation, each of them can be used by means of shortcodes. These shortcodes are basically created by CF7 and can be utilized wherever required on the website.

Contact form 7 provides a default style to forms that may not be designed up to the aesthetic standards of your Theme design. To change the design of the form, you need to deregister CF7 default CSS first and then add a custom CSS code in your Theme‘s style.css file.

By using wp_print_styles hook, you can deregister the default CSS of CF7. For this, you just need to copy the following code and paste it in your Theme‘s functions.php file:

<?php
 function cf7_deregister_styles() {
    wp_deregister_style('contact-form-7');
}
add_filter('wp_print_styles', 'cf7_deregister_styles', '100');
?>

<?php

function cf7_deregister_styles() {

wp_deregister_style('contact-form-7');

}

add_filter('wp_print_styles', 'cf7_deregister_styles', '100');