Как скруглить углы у стандартного pop-up на Тильде

Подробное руководство по скруглению углов у стандартных всплывающих окон (pop-up) на Тильде с помощью CSS. Готовый код для вставки. Скругление отдельных углов.
  1. Добавь блок BF502N — попап.
  2. Добавь блок T123 -HTML код(блок должен быть ниже попапа).
  3. Добавь скрипт. Готово!

<!--Стили попапа для блока BF502N-->
<!--Скрипт всегда должен находится ниже стандартного блока попап-->
<script>
const popup = document.querySelectorAll(".t702__wrapper");
const popupColor = document.querySelectorAll(".t-popup__block-close");
const popupBorder = document.querySelectorAll(".t-popup__container");

popupColor.forEach((element) => {
  element.style.backgroundColor = "rgba(0, 0, 0, 0.1)";
});

popupBorder.forEach((element) => {
  element.style.borderRadius = "25px";
  element.style.minHeight = "20vh";
  element.style.marginTop = "50px";
});
</script>
<style>
@media screen and (max-width: 640px) {.t702 .t702__wrapper {padding: 0px 20px 40px 20px;}};
</style>

Поделиться записью

Telegram
WhatsApp
VK
Facebook
Email

Рекомендуем