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

Using the CSS hack !important should do the trick. Into your CSS file add

#popup{
    text-align:left!important
}

As this should override any other CSS rules imposed upon that element (unless, of course, there are other CSS rules targeting this element also using the !important hack.

Answer 2

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' }