Minify CSS Files Breaks Divi Lightbox

Hey @adaptablewebsites

I checked your site, and I found a weird issue.

The problem is that you have enabled “Minify And Combine CSS Files” in Dive->Theme Options->General.

When this option is enabled, the theme includes a minified CSS – Divi/divi-style.min.css, and when the option is disabled Divi/style.css.

The strange part is that the two styles have differences, and the popup styles are not included in the minified version.

If you search for img.mfp-img selector, you will notice that it’s missing from the minified version.

To fix the issue, please disable CSS Minification from the Divi options and leave ours only. I recommend you to do the same for the JS Combination.

Or you can ask the Divi devs why the styles have differences.

Regards,
Stanimir

Stanimir,

Thanks for the quick reply.

Your advice is to disable the theme level CSS & JS optimisation settings in Divi Theme Options … does SG Optimiser handle what these two functions do at the theme level then?

Am I correct in understanding that the Divi Theme Level optimisation is duplicating what the SG Optimiser does or am I suffering a performance hit in some other area?

What I am ideally looking for is a best practice with the Divi theme settings and SG Optimiser. I have 30 sites all the same config.

What exactly would you do, if you were me and why?

Thanks Mark

Hey @adaptablewebsites

Since our plugin does the same work and even more, I recommend you disable all Divi theme optimizations and leave our plugin do the job.

We display a notice when we detect a plugin with similar functionalities to avoid such cases, but we do not cover situations where the theme provides the optimizations.

Ideally, the theme should only style/render the content, while a plugin should do the optimizations.

So yes, please disable all optimizations, minifications, etc., and use our plugin for such things.

Regards,
Stanimir