Перейти к содержимому


Помогите Внести Правки!


  • Авторизуйтесь для ответа в теме
В теме одно сообщение

#1 Art

Art

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 134 сообщений

Отправлено 09 Ноябрь 2021 - 20:28

1) как убрать зазор между блоками что бы было слитно? фото 1 )зазор
2) как сделать преимущества отдельным блоком, а текст слева крупней и читаемей?
3) как сделать что бы 2 промо блок вылетал с другой стороны (слева)?

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

  • зазор.JPG
  • отдельным блоком.JPG


#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 10 Ноябрь 2021 - 08:46

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
/*** Общие блоки ***/
section {margin: 2rem 0;}

замените на:
/*** Общие блоки ***/
section {margin: 0;}

далее найдите:
/*** Промо ***/
.promo__content {padding: 3rem 0;position: relative;overflow: hidden;}

замените на:
/*** Промо ***/
.promo__content {padding: 0;position: relative;overflow: hidden;}

далее найдите:
#mainbody .body {width: 50%;padding-right: 1rem;overflow: hidden;}
@media all and (max-width: 991px) {

замените на:
#mainbody .body {width: 100%;overflow: hidden;}
@media all and (max-width: 991px) {

далее найдите:
/*** Преимущества ***/
#advantages {width: 50%;padding: 0 0 1rem 1rem;position: relative;overflow: hidden;}
.advantages__item {display: flex;align-items: center;justify-content: center;}
.advantages__item + .advantages__item {margin-top: 1.5rem;}

замените на:
/*** Преимущества ***/
#advantages {width: 100%;padding: 1rem 0 1rem 1rem;position: relative;overflow: hidden;}
.advantages__item {width: 50%;float: left;padding: 1rem;display: flex;align-items: center;justify-content: center;}





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных