Стили виджета

InstantCMS 2.X
#1 21 февраля 2020 в 16:21
Всем привет. Двойка.2.13.1. Виджет "Список контента". Стиль "Большая плитка". Стал выводить выводит на четверть. Полез в стили.
  1. .widget_content_list.tiles-big .item {
  2. float: left;
  3. margin-bottom: 15px;
  4. width: calc(25% - 15px);
  5. margin-right: 15px;
  6. box-sizing: border-box;
  7. }
Это ошибка или я что то не понимаю?
#2 21 февраля 2020 в 16:57

Это ошибка или я что то не понимаю?

Lora
Вас смущает ширина — четверть с отступом в 15рх?
#3 21 февраля 2020 в 17:20
Если взять учебник по математике за 3-й класс, то можно разобраться с цифрами. 25% — 15px + 15px = 25%
#4 21 февраля 2020 в 20:09
Lora? shock
Имхо, там действительно допущены тактические ошибки при стилизации. Но чего-то, что можно было бы назвать таки "ошибкой" нет.
На стили родителя посмотри...

Ты где снова пропадал?
Немедленно с докладом в личку! zlo
#5 22 февраля 2020 в 09:38

Вас смущает ширина — четверть с отступом в 15рх?

Loadырь
Да.Почему 25%, а не 100%? У меня при 25% и открывается на четверть.
#6 22 февраля 2020 в 10:49


Вас смущает ширина — четверть с отступом в 15рх?

Loadырь
Да.Почему 25%, а не 100%? У меня при 25% и открывается на четверть.

Lora

Если я правильно понял, то дело банально в верстке. Если вы смотрите с ПК, то весь виджет родительский идет как 100% ширины, а item (посты) размещаются в 4 колонки по 25% от родительской. Это логично.
Если нужно, чтобы отображалось в одну колонку, то ставите просто 100%. Как это работает, можно посмотреть если экран меньше 480px. А 15px это отступы, что бы не склеились item
#7 22 февраля 2020 в 12:48
Понятно. Стили прописаны для списка из четырёх блоков. Вопрос закрыт.
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.