1b.app
Скопійоване посилання -

Відступ між блоками у шаблоні сайту

Як можна збільшити відстань між кнопкою У кошик та сусідніми блоками Кільк. товару та У бажане та Порівняти у шаблоні сайту? Як приклад
Оригінальне питання доступне на версії: ru

Відповіді:


Добрий день. Звідки зроблено другий скріншот screenshot_2.png ?
18.12.2020, 11:09
Оригінальний коментар доступний на версії: ru


Derkach Dmytriy
Співробітник писав/ла:
Добрий день. Звідки зроблено другий скріншот screenshot_2.png ?

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

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


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

а в якому файлі вставлено цей шматочок коду?
і чи не злетить він під час оновлення системи?
18.12.2020, 12:27
Вячеслав Легеза Оригінальний коментар доступний на версії: ru


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

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

а в якому файлі вставлено цей шматочок коду?
і чи не злетить він під час оновлення системи?

Теж цікавить.
18.12.2020, 12:33
Оригінальний коментар доступний на версії: ru


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

У шаблоні у картці товару не знайшов такої можливості.
https://prnt.sc/w5akty
18.12.2020, 12:42
Оригінальний коментар доступний на версії: ru


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

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

У шаблоні у картці товару не знайшов такої можливості.
https://prnt.sc/w5akty

Використовуйте цей блок
При оновленні не злетить
18.12.2020, 12:58
Оригінальний коментар доступний на версії: ru


Derkach Dmytriy
Співробітник писав/ла:
Використовуйте цей блок

Не працює.
Вивів блок скрипту в картці товару https://prnt.sc/w5bpvc додав код https://prnt.sc/w5bqaf немає відступів
18.12.2020, 13:32
Оригінальний коментар доступний на версії: ru


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

Derkach Dmytriy
Співробітник писав/ла:
Використовуйте цей блок

Не працює.
Вивів блок скрипту в картці товару https://prnt.sc/w5bpvc додав код https://prnt.sc/w5bqaf немає відступів

Додайте !important що вийшло так:
<style>
.buy-block .buttons-block a {
margin: 0 10px 10px 0 !important;
}
</style>
таким чином Ви можете стилізувати будь-які елементи
18.12.2020, 14:09
Оригінальний коментар доступний на версії: ru


Derkach Dmytriy
Співробітник писав/ла:

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

Derkach Dmytriy
Співробітник писав/ла:
Використовуйте цей блок

Не працює.
Вивів блок скрипту в картці товару https://prnt.sc/w5bpvc додав код https://prnt.sc/w5bqaf немає відступів

Додайте !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
Оригінальний коментар доступний на версії: ru


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

Derkach Dmytriy
Співробітник писав/ла:

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

Derkach Dmytriy
Співробітник писав/ла:
Використовуйте цей блок

Не працює.
Вивів блок скрипту в картці товару https://prnt.sc/w5bpvc додав код https://prnt.sc/w5bqaf немає відступів

Додайте !important що вийшло так:
<style>
.buy-block .buttons-block a {
margin: 0 10px 10px 0 !important;
}
</style>
таким чином Ви можете стилізувати будь-які елементи

Додав. https://prnt.sc/w5cqr6
Не працює. Відступів немає. https://prnt.sc/w5crnz

Підставляйте значення margin. Там 4 значення, означають верх справа знизу ліворуч
Наприклад якщо елемент задати margin: 15px 25px 30px 45px - то у нього будуть такі відступи
зверху - 15px, праворуч 25px, знизу 30px, зліва 45px
18.12.2020, 14:27
Оригінальний коментар доступний на версії: ru


Будь ласка, приєднуйтесь до діалогу. Якщо вам є що сказати – будь ласка, напишіть коментар. Для входу потрібний мобільний телефон та смс-код для ідентифікації. Увійти та написати коментар