WP Rocket Compatibility

Plugins such as WP Rocket which offer the option to minify (optimize) your CSS and JS files may break Spotlight's styling, cause some posts not to show, or even cause the entire feed not to show when it's embedded anywhere on your website (or a combination of the three). The solution to this problem is to set WP Rocket to exclude some of Spotlight's files from its minification - the process of making CSS and JS files smaller for better performance.

Spotlight already does this internally for its CSS and JS files, which is why WP Rocket causes issues when it tries to optimize those same files itself.

Spotlight Free

To fix this issue, please use the below file path to exclude all of Spotlight's files:

wp-content/plugins/spotlight-social-photo-feeds

In addition to the above, please also do the following.

  1. Exclude the following for "inline Javascript":
    • SliCommonL10n
    • SliFrontCtx
  2. Allow WordPress' bundled React for excluded Javascript files:
    • /wp-includes/js/dist/vendor/react.js
    • /wp-includes/js/dist/vendor/react.min.js
    • /wp-includes/js/dist/vendor/react-dom.js
    • /wp-includes/js/dist/vendor/react-dom.min.js

Spotlight PRO

If you are using Spotlight PRO, the path should be as follows:

wp-content/plugins/spotlight-social-photo-feeds-premium

Just as with the free version, in addition to the above, please also do the following.

  1. Exclude the following for "inline Javascript":
    • SliCommonL10n
    • SliFrontCtx
  2. Allow WordPress' bundled React for excluded Javascript files:
    • /wp-includes/js/dist/vendor/react.js
    • /wp-includes/js/dist/vendor/react.min.js
    • /wp-includes/js/dist/vendor/react-dom.js
    • /wp-includes/js/dist/vendor/react-dom.min.js

Still need help? Contact us Contact us