Как пользоваться суффиксом класса модуля и как добавить его в таблицу стилей (CSS)

Часто возникает ситуация, когда для какой-нибудь публикации необходимо создать дополнительный стиль.

Если нужно что-то оформить дополнительно (чтобы отличалось от остального).
Для этого в файле template_css.css нужно создать дополнительный класс с суффиксом.

Пример заголовка:

.contentheading {
   font-size: 14px;
   font-weight: bold;
   color: #005F35;
}

Так оформятся заголовки статей.

При помощи дополнительного класса (например чтобы у некоторых статей были заголовки черным) создаем дополнительный класс:

.contentheading-black {
   font-size: 14px;
   font-weight: bold;
   color: #000000;
}

Потом в поле cуффикс класса CSS   в параметрах редактируемой статьи пишем -black, обязательно с дефисом!

В результате мы увидим данную статью с заголовком черного цвета. Аналогично и делается для модулей.

В таблицу стилей (CSS) нужно добавить этот дополнительный стиль.

Например, Нужен другой вид заголовка статьи.
Берем класс  .contentheading  и копируем его.
Добавляем к названию .contentheading_my

При этом:   _my  - это и есть суффикс.
Корректируем стиль как нужно. А в Joomla в параметрах редактируемой статьи  прописываем _my
Аналогично создается суффикс для любого другого стиля.

Добавить комментарий

Только зарегистрированные пользователи могут оставлять комментарии.
Авторизуйтесь или зарегистрируйтесь.