Изменение дизайна окна для ввода пароля

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

Узнайте, как изменить:

Используете собственную форму регистрации / входа?
Эта статья относится к формам по умолчанию. Нажмите ниже, чтобы узнать, как настроить:

Изменение шрифта заголовка

Шрифт для текста заголовка в окне ввода пароля взят из стиля текста Заголовок 2. Если вы хотите изменить шрифт, вам нужно настроить и сохранить эту тему из менеджера стилей.

Чтобы изменить Заголовок 2 в менеджере стилей:

  1. Нажмите на значок Менеджера стилей в левой части редактора.
  2. Нажмите Текст.
  3. Наведите курсор на Заголовок 2 и нажмите на значок редактирования .
  4. Настройте стиль, используя доступные параметры. Вы можете изменить шрифт, цвет и размер, а также выделить текст жирным и курсивом.
  5. Нажмите Применить, чтобы сохранить изменения.
Важно:
Это также изменит любой другой текст с Заголовком 2 на вашем сайте.

Изменение шрифта текстовых элементов

Шрифт для всех текстовых элементов, отображаемых на странице, взят из стиля текста Абзаца 2. Если вы хотите изменить шрифт, вам нужно настроить и сохранить этот текстовый стиль в менеджере стилей.

Чтобы изменить Абзац 2 в менеджере стилей:

  1. Нажмите на значок Менеджера стилей в левой части редактора.
  2. Нажмите Текст.
  3. Наведите курсор на Абзац 2 и нажмите на значок редактирования .
  4. Настройте стиль, используя доступные параметры. Вы можете изменить шрифт, цвет и размер, а также выделить текст жирным и курсивом.
  5. Нажмите Применить, чтобы сохранить изменения.
Важно:
Это также изменит любой другой текст в стиле Абзаца 2 на вашем сайте.

Изменение цвета текста

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

Чтобы изменить Цвет 1 в менеджере стилей:


  1. Нажмите на значок Менеджера стилей в левой части редактора.
  2. Нажмите Цвета.
  3. Выберите самый темный оттенок в разделе Цвет 1.
  4. Нажмите палитру цветов рядом с полем Превью цвета, чтобы изменить цвет.
  5. (Необязательно) Используйте ползунки, чтобы изменить значения насыщенности и яркости.
  6. Нажмите Сохранить.
Важно:
Изменение оттенка согласно описанным выше шагам изменит все другие элементы с таким же оттенком.

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

Чтобы изменить Цвет 2 в менеджере стилей:


  1. Нажмите на значок Менеджера стилей в левой части редактора.
  2. Нажмите Цвета.
  3. Нажмите на средний оттенок в разделе Цвет 2.
  4. Нажмите палитру цветов рядом с полем Превью цвета, чтобы изменить цвет.
  5. (Необязательно) Используйте ползунки, чтобы изменить значения насыщенности и яркости.
  6. Нажмите Сохранить.
Важно:
Изменение оттенка согласно описанным выше шагам изменит все другие элементы с таким же оттенком.

Изменение цвета фона

Чтобы изменить цвет фона страницы, выберите другой цвет для Цвет 1 в менеджере стилей. Этот цвет автоматически используется на всем сайте, в основном для фона страниц и элементов.

Чтобы изменить Цвет 1 в менеджере стилей:


  1. Нажмите на значок Менеджера стилей в левой части редактора.
  2. Нажмите Цвета.
  3. Нажмите значок Изменить цвет рядом с Цвет 1.
  4. Выберите новый цвет одним из следующих способов:
    • Используйте курсор, чтобы найти и выбрать новый цвет.
    • Введите точный цвет в значениях HEX, RGB или HSB.
  5. (Необязательно) Отрегулируйте оттенки на свой вкус.
    1. Нажмите на оттенок, который хотите настроить.
    2. Используйте ползунки для изменения значений насыщенности и яркости.
    3. Нажмите Сохранить.
Важно:
Изменение цвета 1 согласно описанным выше шагам изменит все остальные элементы этого цвета.
Совет:
Просмотрите опубликованный сайт, чтобы увидеть изменения в дизайне. Вы не увидите это окно в режиме предпросмотра.

Была ли статья полезна?

|