Как задать фон Блока?

1. Как задать фон для Блока?
2. Как добавить цвет поверх фона Блока?
3. Как задать цвет для контента Блока?
4. Настройки отображения фона в мобильных устройствах.
5. Настройка анимации для блока.

Важно: данная настройка доступна только в  дизайнах 2017-го года.

В дизайнах: Kevin, Victoria, Suliko, Polina, Oscar, Marco, Lolita, Levi, Julia, Hugo, Fabio, Diana, Chalie, Bruno, Rio - этой настройки нет.

1. Как задать фон для Блока? 

Перейдите в настройки фона Блока, кликнув на Изменить фон.

1.png

 

Выберите в поле Фон блока подходящий вид фона: Цвет, Изображение или Видео.

10.png

 

Цвет - задайте цвет фона и прозрачность в поле Цвет фона блока.

2.png

 

Изображение - загрузите фотографию, кликнув на кнопку Загрузить изображение.

4.png

 

Выберите вид Размещения изображения.

6.png

 

Видео - добавьте ссылку на ролик в поле Адрес видео.

Вы сможете добавить в качестве фона любое видео, размещенное на Youtube или Vimeo.

Для получения ссылки на видео, размещенного на youtube.com, скопируйте ссылку на выбранное видео в адресной строке браузера.

Для получения ссылки на видео, размещенного на vimeo.com, необходимо нажать на символ "Share" и скопировать ссылку.

8.png

 

 

2. Как добавить цвет поверх фона Блока?

 

Для вида фона Изображение и Видео доступна настройка цвета и степени его прозрачности, который будет отображаться поверх фона.

 5.png

 

3. Как задать цвет для контента Блока?

Установите галочку в поле  Задать индивидуальный фон контенту  и задайте фон для контента, настройте отображение обводки.

3.png

 

4. Настройки отображения фона в мобильных устройствах.

В мобильной версии Изображение, добавленное в качестве фона, не адаптируется под размер экрана, вы можете убрать фоновую картинку в мобильной версии и задать в качестве фона цвет.

12.png

В мобильной версии Видео, добавленное в качестве фона, отображается в виде картинки, вы можете убрать видео в мобильной версии и задать в качестве фона цвет.

11.png

5. Выбрать анимацию для блока можно во вкладке Анимация.

Важно: Парралакс можно задать только фона вида Изображение.

Image_2.png

Не можете найти ответ на ваш вопрос? Обратитесь к нашей замечательной службе поддержки в вашем кабинете клиента, мы с радостью поможем вам!

Мы постоянно работаем над улучшением нашего сервиса. Добавляйте свои идеи и предложения по новым функциям на странице ideas.gophotoweb.ru. Там же вы можете голосовать за уже добавленные идеи, добавлять свои комментарии и уточнения.

На базе технологии Zendesk