andyricor

Hi everyone!

I’m going to take the time to explain this because the error is really frustrating.
If you’re using Divi or Elementor, together with Contact Form 7, and you’ve implemented Country & Phone Field Contact Form 7, but the country flags in the phone field don’t display properly even after clearing cache or disabling compressors like LiteSpeed the problem might still persist.

I did the same: I even modified the plugin’s core to force the CSS (that was our theory), but the issue is actually much simpler than it seems.

👉 Your hosting provider might have an active image compression system in your control panel. For example, Hostinger includes this by default — in the control panel you’ll find a DNS or optimization section that’s enabled automatically. Among its functions are image compression, WebP conversion, and size reduction.

In short, it destroys the sprite image, and the plugin can’t locate it correctly that’s why the error occurs.
If you go into your panel and disable that feature, everything displays perfectly.

I hope this helps someone, because it took me a couple of months to figure it out.