Кастомизация кнопки активации промокода

Вас никогда не смущало, что настройки кнопок не применяются к кнопке промокода в корзине? А то, что она всегда чёрная с белым текстом и у неё нет эффектов при наведении? И ещё, что самое неприятное, кнопка вплотную прилегает к полю для ввода промокода. Хватит это терпеть!

Можете посмотреть пример того, как теперь может выглядеть это поле:

Поле и кнопка активации промокода нормального человека

Теперь есть решение. Вписывайте настройки в соответствующие поля, копируйте полученный код и вставляйте его в блок T123 или, что ещё лучше, в настройки CSS для всего сайта.

<!-- Кастомизация кнопки активации промокода | https://necodim.ru/tilda/custom-promocode --> <style> .t-inputpromocode__wrapper {
    width: calc(100% + 30px) !important;
    position: relative;
    left: -15px;
    border-collapse: separate;
    border-spacing: 15px 0px;
}
.t-inputpromocode__btn.t-btn {
    color: #222222 !important;
    background-color: #ffcc00 !important;
    border: 1px solid #ffcc00;
    transition: all .2s ease;
}
.t-inputpromocode__btn.t-btn:hover {
    color: #ffcc00 !important;
    background-color: #222222 !important;
    border: 1px solid #ffcc00;
}
</style>

Скопировать код

Если не хотите добавлять эффекты при наведении, просто впишите такие же цвета, как и у нормального состояния или удалите строки кода 15−19.