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.
- Exclude the following for "inline Javascript":
- SliCommonL10n
- SliFrontCtx
- 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.
- Exclude the following for "inline Javascript":
- SliCommonL10n
- SliFrontCtx
- 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