Archived topic
Lightweight Social Icons Disappear When Litespeed Cache enabled
5 replies · Started by troyw on February 9, 2021
Hi team,
In the footer of my website, I am using your 'Lightweight Social Icons' widget. This works fine until I use Litespeed Cache.
Having had similar issues in the past, I know the process of elimination recommended by Litespeed very well.
Firstly, I have isolated the cause, which is when I activate the Litespeed CSS Setting 'CSS Combine External and Inline'
Once I activate this, the Social Icons vanish.
As per this link I have identified the css and excluded it in Litespeed Cache Tuning, however, this does not work.
Even with the excluded CSS, the icons still do not reappear?
Any idea?
Thanks
Hi there,
Have you sorted this out? It seems to be appearing properly on my end. Cache seemed enabled.
https://share.getcloudapp.com/KouZrlZZ
Let us know.
Hey Elvin,
No, I just turned off the 'CSS Combine External and Inline' in Litespeed Cache.
I will turn it on again now so you can see how the Social Icons vanish.
Thanks.
I've inspected the site and it seems like Litespeed Cache omitted some CSS as some pseudo elements are gone from the site.
Try excluding LSI plugin files from being merged:
https://docs.litespeedtech.com/lscache/lscwp/ts-optimize/
Try excluding plugin files like /wp-content/plugins/lightweight-social-icons/css/style-min.css?ver=1.1.
Thanks Elvin, that has kind of worked, however I have lost the blue backgrounds to the icons.
That's most likely because the caching plugin is taking the inline embedded CSS as well.
Lightweight social icon plugin adds inline CSS as well - <style id='lsi-style-inline-css'>.
I'm not exactly sure how Litespeed Cache excludes inline CSS. You may have to ask Litespeed Cache support on how to do this.
