Cuando usamos el plugin Contact Form 7 en nuestro sitio WordPress, este carga automáticamente una hoja de estilos (contact-form-7.css) que puede no adaptarse al diseño de nuestra web.
Si queremos tener control total del estilo de nuestros formularios, lo ideal es desactivar la hoja de estilos por defecto y aplicar nuestra propia CSS personalizada.
Para lograrlo, usaremos el hook de WordPress wp_print_styles, que se ejecuta justo antes de que se impriman las hojas de estilo en el
del sitio.¿Dónde insertar el código?
Agrega el siguiente fragmento en el archivo functions.php de tu tema activo (idealmente un child theme) o en tu plugin personalizado.
// Eliminar los estilos predeterminados de Contact Form 7
add_action('wp_print_styles', 'remover_estilo_contact_form_7', 100);
function remover_estilo_contact_form_7() {
wp_deregister_style('contact-form-7');
}