This fixes
- Tiny Font problem in TinyMCE
- Small Font problem in the green editing toolbar
- Line height problem in the drop downs in the green editing toolbar
- When choosing an internal link the radio buttons fail to line up with their description text
It requires
- adding a new css file to the "custom" folder
- adding a new registry in the "CSS Registry" (you could probably skip this part too, directions below)
Create a new CSS file
NOTE: You could could skip all these steps and just add the code to your plonecustom.css file and call it good but I added it to a new file and the registry to give myself more flexibility incase my changes caused unexpected problems in the future. I could, for example, add a conditional statement that only calls the css file IF a user is logged in (which in this case they always will be).
- Go to the ZMI of your plone site
- Choose "portal_skins > custom"
- Create a new file and name it (give it ID of) "editingBootstrapFixs.css"
- Edit that file and copy and paste the following code into that file and "save"
/* ============================= TOOLBAR FONT SIZE FIX ============================= */ html { font-size: 1em!important; } /* ============================= TINYMCE FONT SIZE FIX ============================= */ body { font-size: 1em !important; } /* ============================= TOOLBAR DROPDOWN MENU FIX ============================= */ dt, dd { line-height: 1.9em!important; } /* ============================= POPUP FOOTER FIX ============================= */ .dialog-wrapper #footer { padding:0px!important; margin:0px!important; background-color:transparent } /* ============================= TINYMCE LINK CONTAINER FIX ============================= */ #internallinkcontainer div { padding:0px!important; } #internallinkcontainer .list.item a, #internallinkcontainer .list.item span { position:relative !important; }
Register your CSS file
- Go to the root of your site in the ZMI
- Choose "portal_css"
- Add a new style sheet at the bottom and type in the name of your new stylesheet in the ID/URL dialogue box "editingBootstrapFixes.css"
- Restrict to authenticated users checkbox should be checked
Test!