Сейчас узнаем, какой подарок выпадет именно Вам
Крутите колесо
Ура, вы выиграли!
Ваш приз:
Годовой доступ
к видео на mo-ti -20%
по промокоду T19RAY
Промокод действителен 3 дня

Оформить доступ с промокодом
100
Как добавить статичный фон под слайды в TE800 в Tilda
New products
Aesthetic goods and beauty accessories that will be popular this summer season

Как добавить статичный фон под слайды в TE800 в Tilda

1
Создали слайдер ТЕ800
2
Добавили стиль в блок другое Т123
В стиле прописали ссылка на картинку
https://static.tildacdn.com/tild6336-6138-4562-b564-383865373866/RP-KRNNPR15.png

Библиотека для примера

<style>
.t923__wrapper {
    background-color: transparent;
}

.t923__imgwrapper {
    background: none !important;
}

.t923__content {
    display: none;
}
.t923__bgimg.t-bgimg {
    transform: scale(0.8);
}
.t923 .t-slds__container {
    background-image: url(https://static.tildacdn.com/tild6336-6138-4562-b564-383865373866/RP-KRNNPR15.png);
    background-size: 25% 100%;
}
.t923 .t-slds__arrow {
    box-shadow: 0 0 0 2px white;
}
.t923 .t-slds__items-wrapper {
    background: rgb(0, 0, 0, 0.8);
}

@media screen and (max-width:960px){
.t923 .t-slds__container {
    background-size: 50% 100%;
}  
.t923__col {
    margin-bottom: 0;
}
}
@media screen and (max-width:640px){
.t923 .t-slds__container {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}    
}
@media screen and (max-width:480px){
.t923__bgimg.t-bgimg {
    transform: scale(0.7);
}
.t923 .t-slds__container {
    background-size: contain;
    background-position: center;
}    
}
</style>
Made on
Tilda