CSS Tweak for CKEditor used with Bootstrap

.xspInputFieldRichText * {
	box-sizing:content-box;
	-moz-box-sizing:content-box;
	-ms-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	}





This resolves the issue of the toolbar's comboboxes not displayed correctly if you use Twitter Bootstrap in combination with the CKEditor. Add this to your custom CSS and the combos will be displayed correctly.
The reason for this is the CSS in Bootstrap that sets all elements (*) to a box-model of "border-box" which is not correctly handled by the markup/CSS of the Editor.

Cascaded Style Sheets
Oliver Busse
March 7, 2014 4:02 AM
Rating
131

All code submitted to OpenNTF XSnippets, whether submitted as a "Snippet" or in the body of a Comment, is provided under the Apache License Version 2.0. See Terms of Use for full details.



No comments yetLogin first to comment...