Как сделать градиентный общий фон у нескольких блоков?

Подробная текстовая инструкция + html-код к видео о том, как сделать общий градиентный фон у нескольких блоков на Тильде. Для фона также можно использовать картинку

Как это сделать?

1. Создать необходимые zero и (или) стандартные блоки
2. В коде прописать ID нужных блоков через запятую
3. Задать общий класс этим блокам. Можете оставить класс, который уже прописан в коде — «new»
4. Задать стили нашим блокам:

Важно! Не забудьте у каждого из блоков удалить заливку фона в настройках блоков, а также внутри зеро-блоков!

• Для фона, который должен быть картинкой, используйте следующий код, в котором прописываете ссылку на картинку:

• Для фона градиентом используйте следующий код, в котором меняете угол наклона, 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>