Is it possible to change a modal position?


Can I change the position of the modal to the right hand side of the site?

A test page can be found here, hover over View and then click to reveal the content. Ideally I would like the content to use the white space on the right. Had a go with some CSS but I don’t think I can find the correct div name.

I am using Will Woodgate’s TopBox and HoverBox stacks, then using Pluskit to bring that into a Blocks page.

Any help would be greatly appreciated.

And please - this is a test site/work in progress so please don’t judge it too harshly!

Thank you very much!


Try this:

.nivo-lightbox-theme-default .nivo-lightbox-wrap {
    left: 50% !important;
    right: 5% !important;
    top: 5% !important;
    bottom: 50% !important;

You might need to play around with the settings a bit to get it correct. This CSS will attempt to move the TopBox over onto the top right.

Awesome, thank you @willwood that is perfect!