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

[ВячеславФ]

Как сделать, чтобы картинка в левом блоке вписывалась в поле блока с отступом слева?

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

• 

[stasia]

ВячеславФ (20 Март 2019 - 17:12) писал:

Как сделать, чтобы картинка в левом блоке вписывалась в поле блока с отступом слева?

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

.index #main .block-left .image {display: block;height: 100%;margin-top: -60px;overflow: hidden;background-image: url("{ASSETS_IMAGES_PATH}banner2.jpg?design=scandi");background-position: center;background-repeat: no-repeat;background-size: cover;}

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

.index #main .block-left .image {display: block;height: 100%;margin-top: 0px;overflow: hidden;background-image: url("{ASSETS_IMAGES_PATH}banner2.jpg?design=scandi");background-position: center;background-repeat: no-repeat;background-size: cover;}
#main .block-right .block-title h1.title {text-align: center;}

[ВячеславФ]

спасибо. Но хотелось бы чтобы фото вписывалось полностью и сбоков был фон а фото в рамке со скруглеными углами

[Vaccina]

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

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

.index #main .block-left {width: 50%;z-index: 3;}

замените на:

.index #main .block-left {width: 50%;z-index: 3;padding: 30px 0px 30px 30px;}

далее найдите:

.index #main .block-left .image {display: block;height: 100%;margin-top: 0px;overflow: hidden;background-image: url("{ASSETS_IMAGES_PATH}banner2.jpg?design=scandi");background-position: center;background-repeat: no-repeat;background-size: cover;}

замените на:

.index #main .block-left .image {border: 3px solid #654627;border-radius: 5px;display: block;height: 100%;margin-top: 0px;overflow: hidden;background-image: url("{ASSETS_IMAGES_PATH}banner2.jpg?design=scandi");background-position: center;background-repeat: no-repeat;background-size: cover;}