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

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

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

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

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

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

1.png

 

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

fon1.jpg

 

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

fon2.jpg

 

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

fon3.jpg

 

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

fon4.jpg

 

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

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

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

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

fon5.jpg

 

 

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

 

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

fon6.jpg

 

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

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

fon7.jpg

 

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

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

fon8.jpg

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

fon9.jpg

5. Анимация. 

Для блока можно установить эффект появления контента.

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

fon10.jpg

 

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

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

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