Liferay 5 uses, for its own user interface, some of the same jQueryUI and Themeroller class names used by the ACE components, without taking measures to avoid affecting other contents on the page that might be using the same CSS class names. This situation causes some ACE components to not look as intended. Unfortunately, it is not possible to come up with a proper fix for this situation, since both sets of rules (ACE's and Liferay's) try to modify the same set of CSS class names, and whichever is loaded last on the page overrides the other. However, there is a workaround for this problem and is described below.
Custom ACE Styles for Liferay Portal
© Copyright 2021 ICEsoft Technologies Canada Corp.