Универсальный каталог

#1 22 января 2015 в 11:48
Доброго времени суток!

Уважаемые профессионалы, нужна ваша помощь!

Мне необходимо сделать чтобы на странице универсального каталога разделы делились в два столбика, а не шли в один. Прикладываю скрин, первый как есть на данный момент, второй как должно быть
Прикрепленный файл
1_3en0v.jpg 67 Кб
#2 22 января 2015 в 13:03
можно так:
  1. li {
  2. float:left;
  3. min-width: 250px;
  4. }
  5. li:nth-child(2n+1) {
  6. clear:both;
  7. }
или так:
  1. ul {
  2. list-style: none;
  3. }
  4. li {
  5. display: inline-block;
  6. width: 49%;
  7. vertical-align: top;
  8. }
#3 22 января 2015 в 13:07
Val, Добрый день, подскажите где и что нужно заменить.

Извините за тупость!
#4 22 января 2015 в 13:12
найдите место в файле стилей (CSS) описывающее внешний вид списка и подправьте его указанными выше стилями
Сейчас под рукой нет локально установленного сайта)) скиньте мне ссылку на ваш я точнее скажу…
#5 22 января 2015 в 13:30
в файле ../templates/_default_/css/style.css (примерно 2224 строка)

изменить/добавить следующее:
  1. ul.uc_cat_list li.uc_cat_item {
  2. font-size: 18px;
  3. padding-left: 23px;
  4. background: url(../images/icons/folder.png) no-repeat left center;
  5. height: 18px;
  6. line-height: 18px;
  7. margin: 0px;
  8. margin-bottom: 10px;
  9.  
  10. float: left;
  11. width: 45%;
  12. }
и затем, ниже добавить:
  1. ul.uc_cat_list li.uc_cat_item:nth-child(2n+1){
  2. clear: both;
  3. }
#6 22 января 2015 в 14:22
Урра все получилось! Большое спасибо! dance
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.