Blockui Forces All Elements To Center

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: 'lef

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

Solution 2:

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.