Блог Дмитрия Рыбалка

Размытие фона в popup в Тильде

Коды
Для того, чтобы размыть фон под всплывающими формами в Тильде, вам необходимо добавить в HTML блок T123 в подвал сайта (для того, чтобы код отображался на всех страницах сайта):

<style>
.t-popup.t-popup_show {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
}
</style>

Где 5px — уровень размытия фона.


Примеры.


Без размытия всплывающая форма
Без размытия всплывающая форма

С размытием всплывающая форма
С размытием всплывающая форма

С размытием блок с подпиской тёмный фон
С размытием блок с подпиской тёмный фон


Совет.


Чтобы в вашем сайте был полный порядок, я советую все CSS коды (только без <style>, </style>) добавлять в Настройки сайта → Ещё → Пользовательские CSS-стили.

Такие образом все ваши CSS стили будут храниться в одном месте!