Подробная текстовая инструкция + html-код к видео о том, как сделать общий градиентный фон у нескольких блоков на Тильде. Для фона также можно использовать картинку
Как это сделать?
- Создать необходимые zero и (или) стандартные блоки
- В коде прописать ID нужных блоков через запятую
- Задать общий класс этим блокам. Можете оставить класс, который уже прописан в коде — «new»
- Задать стили нашим блокам:
Важно! Не забудьте у каждого из блоков удалить заливку фона в настройках блоков, а также внутри зеро-блоков!
- Для фона, который должен быть картинкой, используйте следующий код, в котором прописываете ссылку на картинку:
- Для фона градиентом используйте следующий код, в котором меняете угол наклона, HEX-код цветов и их прозрачность:
HTML-код:
<script>
$('#rec467776616, #rec467742445').wrapAll('<div class="new"></div>');
</script>
<style>
.new {
background-color: unset !important;
background-image: url('https://static.tildacdn.com/example') !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: cover;
}
</style>
Готово! Теперь у Ваших блоков общий фон, который везде состыкован и смотрится очень красиво!
Если остались вопросы или Вы хотите заказать продающий лендинг, то напишите мне в соцсетях или в комментариях под видео.
Контакты: Telegram | Вконтакте
Сайт — maxklimkov.ru