Скругление края у любого pop-up в Tilda

1 мин.

Этот скрипт позволит тебе скруглить края у любого pop-up блока в Tilda. Пример работы модификации внизу cтраницы

Обновление от 31.12.23 - В слайдер были добавлены новые поля, а также recid теперь нужно писать без приставки "#rec", поэтому если вдруг что-то не работает, то см. видео, а также текстовую инструкцию ниже↓

!

Эффекты

CSS

1. Выбери нужные типы pop-up, которые будешь скруглять

2. Укажи радиус скругления каждого угла по порядку (левый верхний угол, правый верхний, правый нижний, левый нижний)

3. Скопируй код и вставь в т123

Инструкция

Важно!

Не ставь чрезмерно большое значение числа бабочек т.к. это может нагрузить видеокарту и быстродействие модификации может быть снижено

(Развернуть)

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


<style>
/*Обязательная часть*/
.t-popup__container {
  border-radius: 30px 30px 30px 30px;
}

/*Для BF501N, BF502N, BF503*/
.t-popup__container > .t-img {
  border-radius: 30px 30px 0px 0px;
}
.t-popup__container > .t1014__wrapper {
  border-radius: 0px 0px 30px 30px;
}

/*Для BF504*/
.t945__popup {
    border-radius: 30px 30px 30px 30px !important;
}

/*Для BF920*/
.t862__quiz {
    border-radius: 30px 30px 0px 0px;
}
.t862__quiz-description-wrapper {
    border-radius: 30px 30px 0px 0px;
}

/*Для GL08N*/
.t-popup__container > .t-slds > .t-slds__main > .t-slds__container {
    border-radius: 30px 30px 30px 30px;
}

/*Для ST500*/
.t756__gallery  > .t-slds > .t-slds__main > .t-slds__container {
    border-radius: 30px 30px 0px 0px;
}

/*Для ST505*/
.t766__gallery  > .t-slds > .t-slds__main > .t-slds__container {
    border-radius: 30px 30px 0px 0px;
}
</style>

asd

Открыть скругленный BF501N

Открыть скругленный BF502N

Открыть скругленный T868

Открыть скругленный BF920

Открыть скругленный BF504

Открыть скругленный GL08N

Открыть скругленный ST500

Открыть скругленный ST505

Открыть скругленный BF503