Кастомизация окна смены пароля в личном кабинете на Tilda

С помощью данной модификации вы сможете кастомизировать окно изменения пароля в вашем ЛК на Тильде

Инструкция по установке модификации

Данная модификация предназначена для опытных пользователей Тильды, которые знакомы с личным кабинетом и его функционалом. Есть несколько вариантов её установки:
1. В блок T123 на страницу, которая назначена как "Header" вашего личного кабинета;
2. В блок T123 на страницу, которая назначена как страница профиля вашего личного кабинета (при условии, что данная страница у вас создана, и на ней есть возможность изменения пароля).

ВАЖНО!
Если у вас что-то не получается, вы всегда можете связаться со мной. По возможности я постараюсь помочь вам.

Настройка окна изменения пароля:

Цвет фона:
Цвет текста:
Цвет иконки закрытия:

Настройка кнопок:

Фон кнопки «сохранить»:
Цвет текста кнопки «отмена»:
Обводка кнопки «отмена» (в px):
Цвет обводки кнопки «отмена»:

Настройка полей для ввода:

Цвет фона:
Цвет текста:
Цвет обводки:
Размер обводки (в px):
Радиус скругления углов (в px):
Цвет иконки «глаза» (показать / скрыть пароль):
<style> /* Кастомизация окна изменения пароля в личном кабинете на Тильде: https://vladislav-land.ru/changepassword*/ .tlk-popup { display: flex; align-items: center; } .tlk-popup__container { background-color: #111111 !important; } .tlk-popup__title, .tlk-input-title { color: #FEFEFE !important; } .tlk-btn_gray { background-color: #2F389B !important; } .tlk-btn_white { border: 2px solid #FEFEFE !important; } .tlk-input { background-color: #111111 !important; color: #FEFEFE !important; border: 1px solid #FEFEFE !important; border-radius: 30px !important; } .tlk-popup__buttons { color: #FEFEFE !important; justify-content: left !important; } .tlk-popup__close::before, .tlk-popup__close::after { background-color: #FEFEFE !important; } .tlk-password-toggle__hidden-icon path, circle, line { stroke: #F9CD46 !important; } .tlk-password-toggle__visible-icon path, circle, line { stroke: #F9CD46 !important; fill: #111111 !important; } </style>

К сожалению, видеоинструкция пока недоступна. Но я уже работаю над ней, поэтому она появится здесь в ближайшее время 😉
А если у вас что-то не работает и нужна помощь, пишите в мой чат, помогу

Видеоинструкция

можете поблагодарить автора

если у вас есть желание, вы можете пожертвовать любую сумму на развитие проекта

Нужна уникальная модификация?

Просто заполните форму и я свяжусь с вами

Там я делюсь полезной информацией и бесплатно учу дизайнеров продавать на высокие чеки

Подпишитесь на telegram-канал Vladislav Land, чтобы всегда быть в курсе всех обновлений

Бесплатно учу дизайнеров продавать на высокие чеки →
Made on
Tilda