Как изменить цвет кнопок в модуле 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
Читайте также
Как сделать рамку для модуля?
Как сделать рамку для модуля?
Очень часто, просмотрев огромное количество шаблонов на демо-сайтах производителей шаблонов, возникает желание сделать на своем сайте что-нибудь похожее из увиденного....