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

#1 22 января 2015 в 11:48

Доброго времени суток!

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

Мне необходимо сделать чтобы на странице универсального каталога разделы делились в два столбика, а не шли в один. Прикладываю скрин, первый как есть на данный момент, второй как должно быть

Прикрепленный файл

1_3en0v.jpg 67 Кб

Российская компания, специализирующаяся на комплексной безопасности сайтов для малого и среднего бизнеса - https://itdefense.ru

#2 22 января 2015 в 13:03

можно так:

li {
    float:left;
    min-width: 250px;
}
li:nth-child(2n+1) {
    clear:both;
}

или так:

ul {
    list-style: none;
}
li {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}

#3 22 января 2015 в 13:07

Val, Добрый день, подскажите где и что нужно заменить.

Извините за тупость!

Сегодня в 12:40

#4 22 января 2015 в 13:12

найдите место в файле стилей (CSS) описывающее внешний вид списка и подправьте его указанными выше стилями
Сейчас под рукой нет локально установленного сайта)) скиньте мне ссылку на ваш я точнее скажу…

#5 22 января 2015 в 13:30

в файле ../templates/_default_/css/style.css (примерно 2224 строка)

изменить/добавить следующее:

ul.uc_cat_list li.uc_cat_item {
	font-size: 18px;
	padding-left: 23px;
	background: url(../images/icons/folder.png) no-repeat left center;
	height: 18px;
	line-height: 18px;
	margin: 0px;
	margin-bottom: 10px;
 
	float: left;
	width: 45%;
}

и затем, ниже добавить:

ul.uc_cat_list li.uc_cat_item:nth-child(2n+1){
	clear: both;
}

#6 22 января 2015 в 14:22

Урра все получилось! Большое спасибо! dance

Обновление 1.10.1 на 1.10.6

Партнерская программа

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

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

Похожие темы

Нужен генератор yml для Универсального каталога

[ЕСТЬ РЕШЕНИЕ] Спасрсить каталог товаров

Ищу разработчика - каталог компаний

Как быстро создать гистограмму в MySQL

Прайс-листы каталога товаров (типа контента)

[ЕСТЬ РЕШЕНИЕ] Баг с Каталогом дополнений в браузере Гугл Хром

InstantCMS Team

О проекте

Поддержка

Дополнения