1b.app
Скопирована ссылка -

Отступ между блоками в шаблоне сайта

Как можно увеличить расстояние между кнопкой В корзину и соседними блоками Кол. товара и В желаемое и Сравнить в шаблоне сайта? Как пример

Ответы:

Onebox - rybalkashop
17.12.2020, 23:07

Здравствуйте. А откуда сделан второй скриншот screenshot_2.png ?
18.12.2020, 11:09


Derkach Dmytriy
Сотрудник писал/а:
Здравствуйте. А откуда сделан второй скриншот screenshot_2.png ?

Скриншот сделан с сайта https://knz.market/aclima-work-warm-longs-black-l-black-424033001-06/
Этот сайт приводился мне в пример специалистом отдела продаж Алина Кислуха при покупке шаблона, как можно настроить. И вот я хочу свой шаблон вот так настроить.
18.12.2020, 11:26

На приведенном примере встален кусочек css кода для формирвоания отступов. Вы можете сделать так же. Вывести блок вставки кода и в него вставить
<style>
.buy-block .buttons-block a {
margin: 0 10px 10px 0;
}
</style>
18.12.2020, 12:11


Derkach Dmytriy
Сотрудник писал/а:
На приведенном примере встален кусочек css кода для формирвоания отступов. Вы можете сделать так же. Вывести блок вставки кода и в него вставить
<style>
.buy-block .buttons-block a {
margin: 0 10px 10px 0;
}
</style>

а в каком файле вставлен этот кусочек кода?
и не слетит ли он при обновлении системы?
18.12.2020, 12:27
Вячеслав Легеза


Легеза Вячеслав Валерианович
ФОП Легеза Вячеслав Валерианович писал/а:

Derkach Dmytriy
Сотрудник писал/а:
На приведенном примере встален кусочек css кода для формирвоания отступов. Вы можете сделать так же. Вывести блок вставки кода и в него вставить
<style>
.buy-block .buttons-block a {
margin: 0 10px 10px 0;
}
</style>

а в каком файле вставлен этот кусочек кода?
и не слетит ли он при обновлении системы?

Тоже интересует.
18.12.2020, 12:33


Derkach Dmytriy
Сотрудник писал/а:
На приведенном примере встален кусочек css кода для формирвоания отступов. Вы можете сделать так же. Вывести блок вставки кода и в него вставить
<style>
.buy-block .buttons-block a {
margin: 0 10px 10px 0;
}
</style>

В шаблоне в карточке товара не нашел такой возможности.
https://prnt.sc/w5akty
18.12.2020, 12:42


Горбач Виталий
Клиент писал/а:

Derkach Dmytriy
Сотрудник писал/а:
На приведенном примере встален кусочек css кода для формирвоания отступов. Вы можете сделать так же. Вывести блок вставки кода и в него вставить
<style>
.buy-block .buttons-block a {
margin: 0 10px 10px 0;
}
</style>

В шаблоне в карточке товара не нашел такой возможности.
https://prnt.sc/w5akty

Используйте этот блок
При обновлении не слетит
18.12.2020, 12:58


Derkach Dmytriy
Сотрудник писал/а:
Используйте этот блок

Не работает.
Вывел блок скрипта в карточке товара https://prnt.sc/w5bpvc добавил код https://prnt.sc/w5bqaf нет отступов https://prnt.sc/w5bqp7
18.12.2020, 13:32


Горбач Виталий
Клиент писал/а:

Derkach Dmytriy
Сотрудник писал/а:
Используйте этот блок

Не работает.
Вывел блок скрипта в карточке товара https://prnt.sc/w5bpvc добавил код https://prnt.sc/w5bqaf нет отступов https://prnt.sc/w5bqp7

Добавте !important что бы вышло так:
<style>
.buy-block .buttons-block a {
margin: 0 10px 10px 0 !important;
}
</style>

таким образом Вы можете стилизовать любые элементы
18.12.2020, 14:09


Derkach Dmytriy
Сотрудник писал/а:

Горбач Виталий
Клиент писал/а:

Derkach Dmytriy
Сотрудник писал/а:
Используйте этот блок

Не работает.
Вывел блок скрипта в карточке товара https://prnt.sc/w5bpvc добавил код https://prnt.sc/w5bqaf нет отступов https://prnt.sc/w5bqp7

Добавте !important что бы вышло так:
<style>
.buy-block .buttons-block a {
margin: 0 10px 10px 0 !important;
}
</style>

таким образом Вы можете стилизовать любые элементы

Добавил. https://prnt.sc/w5cqr6
Не работает. Отступов нет. https://prnt.sc/w5crnz
18.12.2020, 14:16


Горбач Виталий
Клиент писал/а:

Derkach Dmytriy
Сотрудник писал/а:

Горбач Виталий
Клиент писал/а:

Derkach Dmytriy
Сотрудник писал/а:
Используйте этот блок

Не работает.
Вывел блок скрипта в карточке товара https://prnt.sc/w5bpvc добавил код https://prnt.sc/w5bqaf нет отступов https://prnt.sc/w5bqp7

Добавте !important что бы вышло так:
<style>
.buy-block .buttons-block a {
margin: 0 10px 10px 0 !important;
}
</style>

таким образом Вы можете стилизовать любые элементы

Добавил. https://prnt.sc/w5cqr6
Не работает. Отступов нет. https://prnt.sc/w5crnz

Подставляйте значения в margin. Там 4 значения, означают верх справа снизу слева отспуты

Например если елементe задать margin: 15px 25px 30px 45px - то у него будут такие отступы
сверху - 15px, справа 25px, снизу 30px, слева 45px
18.12.2020, 14:27

Теперь работает.
18.12.2020, 14:33

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