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 Premium

If you are using Spotlight premium versions (Essentials, PRO, and All Access), 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
Did this answer your question? Thanks for the feedback! There was a problem submitting your feedback. Please try again later.

Still need help? Contact us Contact us