How to find unused CSS

Hey evas49,

Thank you for the inquiry.

You may need to manually do a database search for these classes in the wp_posts > post_content.

// https://codex.wordpress.org/Database_Description#Table:_wp_posts

Best regards,
Ismael

Hi,

You can try the Coverage tab in Chrome Devtools but this will return all css that are not active or css rules that are only used when a specific setting is enabled and it will only capture unused code in the current page.

If you ran the tool in the home page of the default Enfold demo for example, the code below will be captured as unused if the Enfold > General Layout > Stretched Or Boxed Layout settings is set to Stretched Layout.

html.html_boxed {
    background: #ffffff center center repeat scroll;
}

Please check the link below for more info.

// https://developer.chrome.com/docs/devtools/coverage/

You can also try WPRocket > Activate Remove Unused CSS. Make sure to create a site backup or a restore point before enabling it.

// https://www.wpbeginner.com/wp-tutorials/how-to-remove-unused-css-in-wordpress-the-right-way/

Best regards,
Ismael

Hi,

It is not possible to track those attributes at the moment. You might have to look for them manually in the builder.

Best regards,
Ismael