Keep Selectors in WP Rocket's "Remove Unused CSS"
Adds CSS selectors and stylesheet URLs that WP Rocket's Remove Unused CSS must always keep, such as classes added by JavaScript for menus, sliders and pop-ups, so those elements do not lose their styling.
Opens WPIDE on
Code
$wpide_safelist = array( '.menu-open', '.is-active', '.modal-open', '/wp-content/plugins/slider/(.*).css' ); // Selectors or CSS file patterns.
add_filter( 'rocket_rucss_safelist', function ( $safelist ) use ( $wpide_safelist ) {
return array_values( array_unique( array_merge( (array) $safelist, $wpide_safelist ) ) );
} );Notes
Use selectors (.menu-open, #popup) or partial stylesheet paths (/plugins/slider/). Clear the Used CSS in WP Rocket afterwards.
How to add this snippet
- Install WPIDE on your WordPress site (it is free) and open Code Snippets.
- Use snippet above adds it from the library in one click. Or copy the code into a new snippet with the same code type.
- It is added inactive: review the code and settings, then switch it on.