Как изменить отдельные страницы Joomla с помощью CSS

HD-Custom CSS — это простой, но очень полезный модуль, который позволяет добавлять CSS стили на отдельные страницы Joomla.

HD-Custom CSS позволяет быстро и легко применять изменения CSS без редактирования файлов шаблонов.

В этой статье мы покажем вам, как изменить цвет фона и шрифт только для одной страницы.

Шаг 1. Установка

• Загрузите модуль с JED.
• Зайдите в Расширения> Менеджер расширений.
• Установите модуль.

Шаг 2: Назначить выбранным страницам

• Перейдите в менеджер модулей и откройте модуль HD-Custom CSS.
• Включите модуль.
• Поместите модуль в любую позицию шаблона в нужных вам пунктах меню. Я использовал позицию «debug», но мог выбрать любую другую. Вы также можете нажать «Menu Assignment» и добавить этот CSS к выбранным ссылкам.

Шаг 3. Добавьте свой CSS

• Введите CSS, который вы хотите использовать, в поле «Custom CSS».
  На изображении выше показано окно с уже введенным в него первым примером. Мы собираемся сделать фон синим.
• Сохраните модуль.

Шаг 4: просмотрите изменения
Перейдите на внешний интерфейс вашего сайта и проверьте свои изменения. Убедитесь, что они применяются только к нужным страницам.

Больше опций
Вместо использования окна с кодом, вы можете создать или скопировать с существующего сайта таблицу стилей и включить ее, введя URL-адрес таблицы стилей. Это замечательно, если вы хотите внести одни и те же изменения на множестве разных сайтов.

Для тех, у кого проблемы с совместимостью с браузером, вы можете сделать свои стили для каждого браузера отдельно:

Итог
HD-Custom CSS — отличный вариант для быстрых и целенаправленных изменений CSS. Вы можете уникализировать каждую страницу вашего сайта под каждый из браузеров, не применяя изменения CSS стилей всего шаблона. Это очень удобно, особенно для крупных проектов.