• oivind

    (@oivind)


    My first effort to style tinymce did for some parts work.
    I am styling a modal window that pop up when I click “insert image”
    I want to hide all fields in that modal except for the fileupload source field. (of course)
    I managed to hide the fields using my default stylesheet.
    But I could not change the modals dimensions to make the box smaller, like I could in browser inspector tool. I do think I know why, because the css is loaded later?

    So I installed your plugin that generates a css file. Inserted the same styling. Yet the result was the same as when I used my default stylesheet, it ignored my attempt to set the height.

    customeditor-style-shared.css :

    
    ...
    
    /* Append your site-specific styles here */
    
    // This did not work (modal box)
    div#mceu_38-body.mce-container-body.mce-window-body.mce-abs-layout{
        height: 74px;
    }
    
    div#mceu_38.mce-container.mce-panel.mce-floatpanel.mce-window.mce-in{
        height: 156px;
    }
    
    //This worked, I hid the fields and labels
    
    div#mceu_53-body.mce-container-body.mce-abs-layout{
        display: none;
    }
    div#mceu_71-body.mce-container-body.mce-abs-layout{
        display: none;
    }
    
    div#mceu_52.mce-container.mce-abs-layout-item.mce-formitem{
        display: none;
    }

    Hope I made sense ??

  • The topic ‘I do not get it’ is closed to new replies.