> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://support.support-vigbo.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Как задать фон блока страницы? ${frame}[](https://player.vimeo.com/video/289435616?title=0&byline=0&portrait=0) Блок — это часть страницы, на которую можно добавить наполнение (тексты, картинки). По умолчанию страница содержит только один блок. Для добавления дополнительных блоков необходимо нажать кнопку в виде плюса, которая появляется при наведении на блок. ![screen-199.png](https://storage.crisp.chat/users/helpdesk/website/-/a/d/f/3/adf3c35ef5051000/2ffc6419-1c2f-45af-9d74-91098a_140qgqe.png) Для каждого отдельного блока можно задать индивидуальные настройки фона, что позволит сделать страницу эффектнее, поможет сделать акцент на какой-либо информации. 1. Как задать фон для блока? Перейдите в настройки блока, кликнув на иконку в виде шестеренки, которая появится при наведении на блок. ![screen-200.png](https://storage.crisp.chat/users/helpdesk/website/-/f/4/7/c/f47c3a2427bbf000/5c65bfd9-71c0-48ea-beaa-e56a9a_1548vmu.png) В выпадающем списке **Фон блока** выберите подходящий вид фона: Цвет, Изображение или Видео. * **Цвет** — задайте цвет фона и прозрачность в поле **Цвет фона блока**. ![screen-203.png](https://storage.crisp.chat/users/helpdesk/website/-/9/9/a/c/99ac8f61ab935800/fdd6a0fc-d64e-473c-9892-1a9b60_i22hl0.png) * **Изображение** — загрузите фотографию, кликнув на кнопку **Загрузить изображение**. Задайте настройки фона и сохраните изменения. В качестве фона в блоке можно добавить изображение весом не более 10 мб и размером не более 6000 пикселей по большей стороне. ![screen-202.png](https://storage.crisp.chat/users/helpdesk/website/-/b/2/1/b/b21ba55a7d4a0800/85a9b9d9-0139-407c-9367-1d25db_qcswnn.png) * **Видео** — добавьте ссылку на ролик в поле **Адрес видео**. Вы можете добавить в качестве фона видео, размещенное на Vimeo, YouTube, ВКонтакте и Rutube. Если ваш ролик находится на **YouTube**, перейдите на страницу ролика и скопируйте ссылку в адресной строке браузера. Для получения ссылки на видео, размещенного на **Vimeo**, необходимо нажать кнопку **Share** и скопировать ссылку в строке **Link**. Обратите внимание, на сайт можно добавить только те ролики из Vimeo, для которых нет запрета для встраивания. При попытке добавить ролик, у которого активна эта настройка, вы увидите ошибку. Разрешить встраивание видео необходимо в вашем аккаунте на Vimeo, выбрав в пункте **Where can this be embedded?** вариант «Anywhere». Также в блоке **Link** может быть выбран один из вариантов: «Unlisted», «Hide from Vimeo» или «Public». При других настройках ролик не может быть встроен на сайт. Для получения ссылки на видео из **ВКонтакте**, вы можете нажать на ролик правой кнопкой мыши и выбрать опцию **Скопировать ссылку на видео**. Или можно открыть ролик и скопировать адрес в строке браузера. > **ВАЖНО**: Для возможности добавить ролик из ВКонтакте, вам необходимо быть авторизованным в вашем аккаунте во ВКонтакте. Ролик должен быть в общем доступе. Из **RuTube** можно добавить ролики, которые находятся как в общем доступе, а также ролики с доступом по ссылке. ![screen-204.png](https://storage.crisp.chat/users/helpdesk/website/-/5/a/2/5/5a255be841600000/f385cad5-3ff4-4aac-970c-4c4c25_yjcj6e.png) 2. Как добавить цвет поверх фона блока? Для вида фона **Изображение** и **Видео** доступна настройка цвета и степени его прозрачности. Этот цвет будет отображаться поверх фона. ![screen-205.png](https://storage.crisp.chat/users/helpdesk/website/-/b/7/c/7/b7c7cb0ac1529800/7a1342e0-c7ed-434d-8bd0-33aac2_slkvsy.png) 3. Как задать цвет для контента Блока? Вы можете задать индивидуальный цвет для наполнения, которое добавлено в блок. Для этого установите галочку в поле **Задать индивидуальный фон контенту** и выберите подходящий цвет, настройте отображение обводки. ![screen-206.png](https://storage.crisp.chat/users/helpdesk/website/-/2/c/0/9/2c09c53fe337a800/477c7c54-5688-49d8-a4a9-9a846e_tlfmuj.png) 4. Настройки отображения фона на мобильных устройствах. В мобильной версии изображение, добавленное в качестве фона, не адаптируется под размер экрана и будет обрезаться. Вы можете убрать фоновую картинку в мобильной версии сайта и задать в качестве фона цвет. ![screen-207.png](https://support.vigbo.tech/hc/article_attachments/4409264381202) Также вы можете убрать в мобильной версии видео и задать вместо него цвет. ![screen-210.png](https://support.vigbo.tech/hc/article_attachments/4409280736914) 5. Настройте центр изображения. Для каждого изображения вы можете указать **центр изображения**. Область, отмеченная точкой, будет отображаться на экранах с любым разрешением. ![screen-208.png](https://support.vigbo.tech/hc/article_attachments/4409264423954) 6. Настройте анимацию для блока. > **ВАЖНО**: парралакс можно задать только для фона вида изображение. ![screen-211.png](https://support.vigbo.tech/hc/article_attachments/4409264480914) 7. При необходимости задайте другие настройки фона. **Растягивать блок по высоте экрана**. Содержимое фона будет занимать одну область экрана монитора. **Убрать верхний, нижний, правый и левый отступ блока**. Данные настройки позволяют убрать отступы у блока. **Выровнять фон по контенту**. Настройка выравнивает фон блока по ширине, которую имеет контент в блоке, если он добавлен.