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

InstantCMS 2.X

#1 21 февраля 2020 в 16:21

Всем привет. Двойка.2.13.1. Виджет "Список контента". Стиль "Большая плитка". Стал выводить выводит на четверть. Полез в стили.

.widget_content_list.tiles-big .item { 
float: left;
 margin-bottom: 15px; 
 width: calc(25% - 15px);
 margin-right: 15px;
 box-sizing: border-box;
 }

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

Разработка мобильных приложений

#2 21 февраля 2020 в 16:57

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

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

#3 21 февраля 2020 в 17:20

Если взять учебник по математике за 3-й класс, то можно разобраться с цифрами. 25% — 15px + 15px = 25%

Нормально делай - нормально будет!

Сегодня в 23:24

#4 21 февраля 2020 в 20:09

Lora?

Имхо, там действительно допущены тактические ошибки при стилизации. Но чего-то, что можно было бы назвать таки "ошибкой" нет.
На стили родителя посмотри...

Поважнее вопрос

Ты где снова пропадал?
Немедленно с докладом в личку! 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

Промо-код "ozonweb" на скидку 10% хостинг fozzy.com

#7 22 февраля 2020 в 12:48

Понятно. Стили прописаны для списка из четырёх блоков. Вопрос закрыт.

Разработка мобильных приложений

Комментарий после удаления

Путь хранения сессий

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

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

Похожие темы

[ЕСТЬ РЕШЕНИЕ] Шаблону Modern как назначить свои стили для загрорвка виджета?

Не подключаются стили в виджете Список контента

После обновы на 2.13 Поплыли стили.Кто с этим сталкивался и как боролся?

Как у класса blockquote убрать стили display: flex;

[ЕСТЬ РЕШЕНИЕ] Шаблон Modern стили для кнопки в конструкторе форм

[ЕСТЬ РЕШЕНИЕ] Тип поля "Список", "Мультивыбор"

InstantCMS Team

О проекте

Поддержка

Дополнения