Question

So I have compressed jquery ui stylesheet to save bandwidth and suddenly dialog windows started to look weird.

This is how they look when I use uncompressed stylesheet:

With compressed stylesheet:

I used this website to compress the stylesheet: https://csscompressor.net/

Any ideas what’s wrong?

Answer 1

Not all CSS compressors are the same. It’s likely the compressor has removed important syntax/grouped styles. This is one of the cons of using a compressor; it can break things. Difficult to tell why exactly without examining the CSS file.

Suggestions:

• Try using a different compressor
• Pretty-fy the compressed CSS to find if anything that just doesn’t look right.
• Use Firebug to determine if the required styles are set