Popup Position

Hi all, Is it possible to change default popup position from center to upper left? The picture below is an example I would like to do. Thank you in advance!
2 answers

Hello Taiga,

You can edit the css for the modal popup. I think the class is called modal-dialog, so if you give it position absolute and change the top and left settings than it will look like the example you gave.


Hi Taigo,

you need to override the .mx-dialog class in your custom css and add some seasoning to it.

This, for instance, will put the modal in the upper left corner:

.mx-dialog {
    position: fixed;
    left: 0 !important;
    top:0 !important;
    right: auto !important;
    padding: 0;
    width: 500px;
    /* If the margin is set to auto, IE9 reports the calculated value of the
     * margin as the actual value. Other browsers will just report 0. Eliminate
     * this difference by setting margin to 0 for every browser. */
    margin: 0;


Please note the !importants. I know; ugly, but the specificity of the core does not allow you to override it without these...