BlockUI forces all elements to center

Question

How can I re-force my elements back to left align as jquery blockui plugin is forcing them to center,

I tried this so far,

$.blockUI({ message: $('#popup'), css: { text-align: 'left' } });

http://www.malsup.com/jquery/block/#demos

Answer 1

You should use camelCase synthax maybe it's just enough:

$.blockUI({ message: $('#popup'), css: { textAlign: 'left' } });

Or using quotes:

$.blockUI({ message: $('#popup'), css: { "text-align": 'left' } });

Maybe you would have to force it using !important

css: { textAlign: 'left !important' }