JS Animated. Как изменить размеры блока Parallax

Из этого туториала Вы узнаете, как изменить размеры блока Parallax.

Этот блок можно добавить при помощи css или напрямую в коде HTML. Мы детальнее рассмотрим первый способ.

Ширина и высота блока Parallax определяются размерами контейнера, в который он добавлен. Размеры можно изменить напрямую в файле css.

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

   

2. Для того чтобы уменьшить высоту, измените или удалите отступы, добавленные для этого контейнера, таким образом Вы не нарушите адаптивность блока.

3. Для того чтобы уменьшить ширину, добавьте свойство «width» со значением менее чем 100%, а также откорректируйте позицию блока, добавив поле. Например:

   .bg-image-3 {
   margin: 0 auto;
   width: 80%;
   }

4. Найдите файл style.css, который расположен в папке css на вашем сервере, и откройте его в редакторе кода (или внесите изменения в файл на вашем компьютере, а затем загрузите его назад на сервер).

   

5. Выполните изменения, которые Вы протестировали с инструментом Firebug и сохраните файл.

6. Проверьте изменения на странице сайта после того, как Вы обновите страницу.

Ознакомьтесь с нашей коллекцией Веб-шаблонов с эффектом прокрутки Parallax.

Мы надеемся, что этот туториал был Вам полезен. Вы можете также ознакомиться с детальным видео-туториалом ниже: