прокачай свои знания по работе со стандартными блоками в тильде
кастомизация стандартных блоков с помощью кода
Complete the quiz and find out the best destination for your vacation.
Fill out the form and we will contact you soon.
What kind of vacation do you prefer?
How long are you going to be on vacation?
500
5000
+

<style>
/*Код для квиза в попапе*/

/*Перекрашиваем крестик и шапку на мобилках*/
    @media screen and (max-width:560px){
        .t-popup__close{
            background: #fff !important; /*Цвет фона*/
        }
        .t-popup__close-icon g{
            fill: #202020 !important; /*Цвет крестика*/
        }}

    /* Скругление углов у квиза*/
    .t-popup__container{
      border-radius:20px !important;  
    } 
    
    .t862__quiz-description-wrapper{
        border-radius:20px 20px 0 0 !important; 
    }
    
    .t862__quiz{
      border-radius:20px !important;   
    }
  
    /*Модификация прогресс-бара*/
    
    .t862__progressbar{
        height: 16px;
        width:90%;
        border-radius:50px;
        margin: 0 5% 0 5%;
        background-color: #f3f3f3;  /*Цвет подложки прогресс-бара*/
    }
     .t862__progress{
        border-radius:50px;
        
    }
    
    /*Скрываем иконку у заголовка*/
    .t862__quiz-description svg {
    display: none;
}
    
    
    /*Стилизация кнопки назад*/
    .t862 .t862__btn-wrapper .t-btn[disabled], .t862 .t-form__submit .t-submit[disabled] {
    opacity: 1;
}
    .t862__btn-wrapper .t862__btn_prev {
    background-color: #FFF7D7!important;    /*Цвет фона кнопки*/
    color:#595959 !important;   /*Цвет текста на кнопке*/
}

</style>

<style>

/*Код для квиза BF919*/


    @media screen and (max-width:560px){
        .t-popup__close{
            background: #ffffff !important; /*Цвет фона*/
        }
        .t-popup__close-icon g{
            fill: #202020 !important; /*Цвет крестика*/
        }
    }
    
    
    
    /* Скругление углов у квиза*/
    .t-popup__container{
      border-radius:20px !important;  
    } 
    
    .t835__quiz-description-wrapper{
        border-radius:20px 20px 0 0 !important; 
    }
    
    .t835__quiz{
      border-radius:20px !important;   
    }
  
    /*Модификация прогресс-бара*/
    
    .t835__progressbar{
        height: 16px;
        width:90%;
        border-radius:50px;
        margin: 0 5% 0 5%;
        background-color: #f3f3f3;  /*Цвет подложки прогресс-бара*/
    }
     .t835__progress{
        border-radius:50px;
        
    }
    
    /*Скрываем иконку у заголовка*/
    .t835__quiz-description svg {
    display: none;
}
    
    
    /*Стилизация кнопки назад*/
    .t835 .t835__btn-wrapper .t-btn[disabled], .t862 .t-form__submit .t-submit[disabled] {
    opacity: 1;
}
    .t835__btn-wrapper .t835__btn_prev {
    background-color: #FFF7D7!important;    /*Цвет фона кнопки*/
    color:#595959 !important;   /*Цвет текста на кнопке*/
}


</style>
Made on
Tilda