Сообщений в теме: 4

[Николай Невский]

Доброго дня Уважаемые Администраторы! подскажите пожалуйста
1) как отредактировать фон на сайте чтобы картинка растягивалась во всю ширину экрана?
увеличивать ширину картинки я пытался, но результата нет, на сайте она всё равно отображается в центре, имея сантиметровые отступы от краёв

Прикрепленные изображения

• 

[Николай Невский]

Уважаемая Поддержка!!! тут требуется ваше непосредственное участие! ответьте пожалуйста на мой вопрос! я ведь жду

[stasia]

Николай Невский (28 Ноябрь 2018 - 08:19) писал:

Доброго дня Уважаемые Администраторы! подскажите пожалуйста
1) как отредактировать фон на сайте чтобы картинка растягивалась во всю ширину экрана?
увеличивать ширину картинки я пытался, но результата нет, на сайте она всё равно отображается в центре, имея сантиметровые отступы от краёв

Здравствуйте. Зайдите в Редактор шаблонов --- main.css и добавьте в самый конец шаблона код:

body {position: relative;font-family: 'PT Sans Narrow', sans-serif;font-size: 16px;line-height: 20px;font-weight: 400;background-color: #F5F5F5;color: #1e1e21;overflow-x: hidden;margin:0;padding:0;}

Замените его на:

body {position: relative;font-family: 'PT Sans Narrow', sans-serif;font-size: 16px;line-height: 20px;font-weight: 400;background: #F5F5F5 url("{ASSETS_IMAGES_PATH}###?design=urban") center center no-repeat;background-size: cover;color: #1e1e21;overflow-x: hidden;margin:0;padding:0;}

Где найдите в этой строке ### и замените на название загруженного изображения в Редактор шаблонов.

[Николай Невский]

stasia (06 Декабрь 2018 - 10:12) писал:

Здравствуйте. Зайдите в Редактор шаблонов --- main.css и добавьте в самый конец шаблона код:

body {position: relative;font-family: 'PT Sans Narrow', sans-serif;font-size: 16px;line-height: 20px;font-weight: 400;background-color: #F5F5F5;color: #1e1e21;overflow-x: hidden;margin:0;padding:0;}

Замените его на:

body {position: relative;font-family: 'PT Sans Narrow', sans-serif;font-size: 16px;line-height: 20px;font-weight: 400;background: #F5F5F5 url("{ASSETS_IMAGES_PATH}###?design=urban") center center no-repeat;background-size: cover;color: #1e1e21;overflow-x: hidden;margin:0;padding:0;}

Где найдите в этой строке ### и замените на название загруженного изображения в Редактор шаблонов.

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

Прикрепленные изображения

• 
• 

[Vaccina]

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

body {position: relative;font-family: 'PT Sans Narrow', sans-serif;font-size: 16px;line-height: 20px;font-weight: 400;background-color: #F5F5F5;color: #1e1e21;overflow-x: hidden;margin:0;padding:0;}

замените на:

body {position: relative;font-family: 'PT Sans Narrow', sans-serif;font-size: 16px;line-height: 20px;font-weight: 400;background: url('{ASSETS_IMAGES_PATH}fon.jpg') center center;color: #1e1e21;overflow-x: hidden;margin:0;padding:0;}