Выровнять подфорумы

[servissoc 4]

Приветствую.

 

Хочу чуть подправить названия подфорумов но не знаю как..

 

Вот как у меня:

 

 

А вот так хотелось бы сделать:

 

 

Можно как то добавить иконку и сделать так, чтобы они ровнее размещались? или например по рядам, допустим 4 названия, а потом вторая строка пошла.

 

Картинки вроде как понятно как менять, но как сделать так, чтобы если сообщение уже прочтено показывалась хоть какая иконка? а то там пусто и не красиво.

Изменено 7 ноября 2017 пользователем servissoc

[newbie 1721]

или например по рядам, допустим 4 названия, а потом вторая строка пошла.

Смысл 4 форума с длинными названиями в один ряд вставлять?

Даже на Вашем скрине не поместятся. А еще подумайте о пользователях, у кого монитор не 50".

 

По поводу иконок.

/* Скрываем дефолтную иконку */
.cForumList .cForumRow .ipsDataItem_subList li a i {
display: none;
}

/* Добавляем иконку для непрочитанных форумов */
.cForumList .cForumRow .ipsDataItem_subList li a:before {
content: '\f004';
font-family: 'FontAwesome';
font-size: 11px;
}

/* Добавляем иконку для прочитанных форумов */
.cForumList .cForumRow .ipsDataItem_subList li:not(.ipsDataItem_unread) a:before {
content: '\f08a';
}