How to remove CSS file in the header using WordPress functions?

April 5, 20236 Views

I want to remove a CSS from loading in the header, this is the code that appears:

<link rel='stylesheet' id='my-css'  href='http://test.tld/wp-content/themes/mytheme/my.css?ver=3.5' type='text/css' media='all' />

I tried using these functions but it didn’t work:

wp_dequeue_style('my-css');
wp_deregister_style('my-css');

Is there other ways that the above CSS line can be removed without manually editing it in the template?

Thanks.

Post Views: 6

2 comments

Anonymous says:

April 5, 2023 at 10:33 pm
If your stylesheet is registered and enqueued correctly then…
```
function dequeue_my_css() {
  wp_dequeue_style('my-css');
  wp_deregister_style('my-css');
}
add_action('wp_enqueue_scripts','dequeue_my_css');
// add a priority if you need it
// add_action('wp_enqueue_scripts','dequeue_my_css',100);
```
… should remove it. That only works if the stylesheet was registered and/or enqueued with wp_register_style and wp_enqueue_style.

If it is not registered correctly then you will have to figure out what your theme did and undo that. It may require editing the template, depending on how the theme is written.

http://codex.wordpress.org/Function_Reference/wp_dequeue_style

http://codex.wordpress.org/Function_Reference/wp_deregister_style
Log in to Reply
Anonymous says:

April 5, 2023 at 10:33 pm
Deregister/Dequeue styles is best practice

https://codex.wordpress.org/Function_Reference/wp_deregister_style
https://codex.wordpress.org/Function_Reference/wp_dequeue_style

But you can use this filter too, to filter out styles with any condition:
```
add_filter( 'style_loader_src', function($href){
if(strpos($href, "name-of-allowed.css") !== false) {
return $href;
}
return false;
});
```
Log in to Reply