Как изменить цвет кнопок в модуле BT Login?

Меняем цвет кнопок для модуля BT-loginИнтересный модуль для входа на сайт для менеджеров или администраторов, а также для регистрации новых пользователей — BT Login. Форма красиво всплывает по нажатию на соответствующую кнопку. К сожалению, разработчик зашил цвет кнопок — еще и ядовито-зеленый — непосредственно в код модуля. Редкий дизайн сайта будет соответствовать этим кнопкам, поэтому это нужно немедленно исправить! Также не забываем зайти в настройки модуля и там вписать нужный цвет фона кнопок. Для точного выбора шрифта можно посмотреть подборку для дизайнеров с большим архивом бесплатных шрифтов с кириллицей, скачать здесь: Скачать шрифты с кириллицей. При этом стили будут находиться в коде страницы, что не красиво с точки зрения семантики, поэтому немного поможем этому модулю…

Заходим в папку модуля, находим файл mod_bt_login.php, в строке 50 видим такой код:

//get color setting
$bgColor=$params->get('bg_button_color','#6d850a');
$textColor=$params->get('text_button_color','#fff');

#6d850a — это и есть искомый цвет кнопок данного модуля! Дальше можно пойти двумя разными путями:

1. Модифицировать код модуля, т.е. вырезать ту самую строчку из файла модуля. При этом кнопки станут отображаться согласно стилей вашего шаблона, возможно, потребуется корректировка.
2. В своем шаблоне добавить в файл стилей, обычно это template.css, следующий код (будем применять свойство !important) :

.btl-buttonsubmit {background: #ff9005 !important}

Здесь для примера вставлен приятный оранжевый цвет, используемый на данном сайте.

Кроме того, можно переопределить правила оформления кнопок и других элементов, отображаемых данным модулем, через переопределение шаблонов, что будет являться более правильным решением, без привязки к возможным обновлениям модуля. Хорошо, что Джумла позволяет это делать, как и все остальные прогрессивные системы управления сайтами.

Экспертное мнение Алексей

В веб-разработке с 2012 года. Специализируюсь на PHP, JavaScript и архитектуре высоконагруженных проектов. Автор статей по оптимизации, API и базам данных.

Все статьи автора →
Telegram VK Twitter
Читайте также
Полезные онлайн-сервисы для разработчиков: от генерации кода до оптимизации изображений
Полезные онлайн-сервисы для разработчиков: от генерации кода до оптимизации изображений
Современные разработчики сталкиваются с огромным количеством рутинных задач: генерация CSS, проверка валидности кода, оптимизация изображений, создание мокапов данных и многое...
Создаем респонсивный макет
Создаем респонсивный макет
В этом посте я хочу изложить пару идей для создания отзывчивые точки останова в веб-дизайне. Конечная цель заключается в создании...