0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 1005 Просмотров
*

Viktoriashelby

  • Осваиваюсь на форуме
  • 25
  • 0 / 0
Такая проблема, справиться с которой не могу уже трое суток.

К2 отображает список подкатегорий в обрамлении рамочек. То есть, не важно, сколько подкатегорий и в каком количестве столбцов они расположены.
А вот уже материалы подкатегории выводятся вообще без всякого обрамления, в связи с чем при достаточном их количестве они сливаются, что выглядит некрасиво.
Отдельный материал выводится тоже без обрамления, но это уже не важно конечно.

Вопрос в том, что можно сделать, чтобы материалы подкатегории выводились так же как и подкатегории?  


Вот, для наглядного примера, образец сайта с соседней темы:
Вот здесь  подкатегории в обрамлении рамок.
И дальше, при просмотре материалов подкатегории, они тоже в обрамлении.

 Где копать, как реализовать такое же оформление вывода?
« Последнее редактирование: 08.01.2017, 20:06:44 от Viktoriashelby »
*

Ilhom666

  • Завсегдатай
  • 1384
  • 184 / 0
в приведенном вами примере рамки задаются в CSS шаблона
Код: css
.catItemView, .groupLeading {
  border: 1px solid #ddd;
}
Если у вас шаблон другой, то этот код скорее всего не поможет, тогда сцылку в студию!
*

Viktoriashelby

  • Осваиваюсь на форуме
  • 25
  • 0 / 0
Ilhom666, Спасибо! Значит, надежда есть?  Сейчас посмотрела файлы компонента, речь идет о--   /components/com_k2/css/k2.css ? Правильно?
Про шаблон не поняла... "По умолчанию" везде показывает и переключить не позволяет. К2 версии 2.7.1
*

Viktoriashelby

  • Осваиваюсь на форуме
  • 25
  • 0 / 0

Получилось!  Ilhom666, спасибо огромное!

Там почему то были пустые скобки. Сначала вставила в них просто border:1px solid #ddd;  , получились рамки, но слипшиеся друг с другом.
Потом, по аналогии с верхними строчками сделала вот так:
/* Additional class appended to the element above for further styling per group item */
   div.groupLeading {background:#fafafa;border:1px solid #ddd;margin:4px;padding:8px;}
   div.groupPrimary {background:#fafafa;border:1px solid #ddd;margin:4px;padding:8px;}
   div.groupSecondary {background:#fafafa;border:1px solid #ddd;margin:4px;padding:8px;}

Теперь все просто супер!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться