Как изменить цвет кнопки регистрации

Поддержка
1

Всем привет! Я хочу узнать, как настроить кнопку регистрации. Мне нужно изменить цвет только моей кнопки регистрации на зелёный, а не всех кнопок в шапке.

Я нахожусь на форуме с хостингом Discourse, извините, если это вопрос новичка — я действительно новичок и уже всю ночь пытаюсь разобраться.

Я использую тему AIR.

2

Привет!

Не уверен, какие возможности предоставляют размещённые форумы, но, полагаю, у вас есть раздел «Настройка» в панели администратора.

В вашей теме отредактируйте CSS/HTML и в разделе «Общее» добавьте следующее:

.d-header .sign-up-button {
    background: #48bb6a;
}

Если это не сработает, возможно, потребуется добавить !important, чтобы убедиться, что этот цвет имеет приоритет, как в примере ниже:

.d-header .sign-up-button {
    background: #48bb6a !important;
}
3

Привет, @Steven, спасибо, всё сработало! Дело в том, что я не увидел переменную signup. Мне нужно разобраться с переменными для CSS и узнать, как находить их в HTML. Спасибо!

4

Поиск переменных может быть сложным. Мне очень помогла функция «Инспектор» в браузерах — вы можете изучать код и CSS, а также пробовать изменения в реальном времени.

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

d-header signup class
d-header signup class661×166 9.14 KB

Но не стесняйтесь спрашивать здесь — сообщество всегда готово помочь.

5

@Steven, мужик, это просто супер!!! Огромное спасибо! Сделай мою кнопку регистрации зелёной!

Так, я использовал инструмент инспектора и хотел узнать, можно ли изменить название кнопки меню «Все теги» на что-то вроде «LFX Tools» для моего случая. Понятно, что, возможно, мне придётся искать это в HTML, учитывая, насколько весь форум завязан на тегах, но насколько сложно, по-твоему, будет переименовать функцию тегов в «инструменты»?

chrome_ShkMNx2URC
chrome_ShkMNx2URC2048×1112 412 KB

6

Этот конкретный текст можно отредактировать в панели администратора: Настроить > Тексты

Введите в строке поиска: js.tagging.selector_all_tags
И подтвердите текст.

Но чтобы ответить на ваш вопрос в общем контексте, редактирование текста возможно, но с помощью CSS это может быть непросто. Обычно я использую селектор контента в классе ::before или ::after.

https://www.w3schools.com/cssref/sel_before.asp

Если бы у нас не было возможности редактировать текст, я бы, хотя и не являюсь экспертом, поступил бы следующим образом.

Сначала скрою текст все теги:

summary.tag-drop-header .name {
    font-size: 0;
}

Затем создам новый класс CSS с содержимым для добавления нужного текста, и мне нужно будет указать размер шрифта, чтобы переопределить предыдущую настройку:

summary.tag-drop-header .name::after {
    content: "LFX Tools";
    font-size: 15px;
}