Styling Ajax Popup from text block - max width

Permalink
I was wondering how to change the width of the modal popup available through the link dialog box in Redactor. (text block)
I have read that you can use CSS. Would I have to create a custom class for the block, or do i have to add the style to the link in the html window?
Too bad there isn't a simple interface with max width below the ajax button - its all most people really need to change.

Does anyone know where the C5 team stands on the ajax popup? I read some discussion that indicated it should be reconsidered because of security issues, and that iframe should be used instead. i don't want to invest a lot of time in a method that will be tossed.

Thanks for any help...

arlenesey
 
arlenesey replied on at Permalink Reply 1 Attachment
arlenesey
Okay - so this is a first step.
As I am using "Elemental", I added this to the end of main.less:
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    max-width: 600px!important;
}


This brought the width of the modal down, and it is even responsive.
However, there are still 2 problems left (see attached file):
1. The huge margins/padding still showing above and below the content.
2. If the original column width of the content is larger than the modal window, in a viewport say, the size of a laptop, it cuts the text off that is on the right side of the column. As the viewport gets smaller, it corrects.
I am sure this has to do with breakpoints.
When I use a different layout - say 2 column - the text is no longer cut off, but it is quite a bit narrower than the modal window.

Does anyone have any ideas?