CSS стили прописанные в файле editor.css можно использовать в визуальном редакторе контента административной панели Joomla.

Например, Вам часто приходится менять цвет фона абзаца в статьях на Вашем сайте. К определенному цвету фона подходит определенный цвет шрифта. На цветном фоне необходимо увеличить отступы перед текстом.

Как это сделать?

Задайте нужные Вам стили в шаблоне используемом по умолчанию в файле editor.css. Если файла editor.css еще нет, создайте новый файл editor.css в папке css в шаблоне используемом по умолчанию. Путь к файлу editor.css от корня сайта может быть следующим:

templates/vmbeezdior/css/editor.css

где vmbeezdior шаблон используемый по умолчанию на моем сайте (для примера).

Пропишите в файле editor.css нужные Вам стили, например:

.PGreenDior
{
	background-color: #a4ca37;
	padding-left: 15px;
}

.PBlueDior
{
	background-color: #0ba1de;
	padding-left: 15px;
        color:#fff;
}

.PYellowDior
{
	background-color: #f9d005;
	padding-left: 15px;
}

.PBrownDior
{
	background-color: #e8690c;
	padding-left: 15px;
        color:#fff;
}

Откройте на редактирование какую нибудь статью и проверьте что получилось.

Новые стили в редакторе Joomla

Но, это еще не все. Те же стили Вам необходимо прописать в файле, например, template.css в шаблоне, используемом по умолчанию.