Доброго времени суток. Ребята, возникла потребность изменить размер иконки, которые находятся напротив разделов категории форума (при создании и категорий и разделов, их ещё можно менять, загружая свои).

Суть вопроса: как изменить размер этих иконок? По-скольку, они слишком мелко отображаются в моём стиле. 

в фотошопе, возможно я ошибаюсь)

Насколько помню, в правке css нужного стиля framework - misc.css - какая-то из группы .ipsUserPhoto, то ли .ipsUserPhoto_small, то ли .ipsUserPhoto_mini. Меняется высота, ширина и border-radius, и менять их надо пропорционально, иначе будут сиськи какие-то.

Sufiy, Вы про аватарки пользователей или про иконки, которые на главной форума, напротив названия разделов? 

Про аватарки. Иконки разделов я вроде тоже редактировал, по-моему в data-lists.css.
Но я менял только фон unread-статуса, а не размеры.

Скорее всего data-lists - ipsDataItem_icon.

Точно там где-то. Как найду - отпишу.

Что-то не нашёл. Всё уже перепробовал, что icon связано.

У меня есть в стандартном стиле такая строчка - .ipsDataList_large .ipsDataItem_icon. Другое дело, что возможно правкой стиля этот вопрос не решить.

Так и не решил вопрос. Есть ещё у кого мысли\предложения? 

  On 08.12.2015 at 19:19, Cryt said:

Так и не решил вопрос. Есть ещё у кого мысли\предложения? 

Нашел. Найдите в css global - framework - badges.css и поменяйте линейные размеры для .ipsItemStatus.ipsItemStatus_large

Изменил пиксели, но не вышло. Подскажите пожалуйста, что тут нужно изменить?

Я менял высоту, ширину и border-radius, опробовал на двух стилях, включая дефолтный. По умолчанию css выглядит так:

/* ITEM STATUS BADGES */
.ipsItemStatus:not( .ipsItemStatus_large ) {
	color: {theme="item_status"};
	font-size: 14px;
	line-height: inherit;
	vertical-align: middle;
}

	.ipsDataItem_subList .ipsItemStatus:not( .ipsItemStatus_large ) {
		vertical-align: text-top;
	}

	.ipsItemStatus.ipsItemStatus_read:not( .ipsItemStatus_large ) {
		color: #dbdbdb;
	}

	.ipsItemStatus.ipsItemStatus_tiny {
		font-size: 9px;
	}

	.ipsItemStatus.ipsItemStatus_small {
		font-size: 13px;
	}

	.ipsItemStatus.ipsItemStatus_large {
		background: {theme="item_status"};
		color: #fff;
		width: 40px;
		height: 40px;
		line-height: 40px;
		border-radius: 20px;
		display: inline-block;
		text-align: center;
		font-size: 18px;
		{prefix="transition" value="0.15s all linear"}
	}

		.ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read {
			background: #dbdbdb;
		}

	.ipsItemStatus.ipsItemStatus_read {
		opacity: 0.6;
	}

	.ipsItemStatus.ipsItemStatus_read:not( .ipsItemStatus_large ):not( .ipsItemStatus_posted ):not( .ipsItemStatus_custom ) {
		display: none;
	}

А какой у Вас стиль?

Я тоже бордюр-радиус менял. Всё перепробовал, но ноль реакции. Стиль Анимате 4.х

Пробовал даже в самом xml, перед загрузкой, та же песня... 

.ipsItemStatus.ipsItemStatus_large

Меняем font-size

  On 10.12.2015 at 08:21, Respected said:

.ipsItemStatus.ipsItemStatus_large

Меняем font-size

Менял, сейчас пере-проверил - не выходит.

Может там ограничения стоят где-то?

Показать контент

/* Badges: various indicators */

/* ======================================================== */

/* STANDARD BADGE */

.ipsBadge {

    padding: 0 8px;

    border-radius: 2px;

    font-weight: 500;

    display: inline-block;

    color: #fff;

    vertical-align: middle;

    text-shadow: none;

    letter-spacing: 0;

}

    .ipsBadge a,

    a.ipsBadge:hover {

        color: #fff;

    }

    

    .ipsBadge.ipsBadge_icon {

        width: 28px;

        height: 28px;

        border-radius: 28px;

        font-size: 14px;

        text-align: center;

        line-height: 28px;

        vertical-align: middle;

        padding: 0;

    }

 

        .ipsBadge.ipsBadge_icon.ipsBadge_small {

            width: 19px;

            height: 19px;

            border-radius: 19px;

            line-height: 19px;

            font-size: 11px;

            vertical-align: baseline;

        }

 

        .ipsBadge.ipsBadge_icon.ipsBadge_large {

            width: 38px;

            height: 38px;

            border-radius: 38px;

            line-height: 38px;

            font-size: 17px;

        }

 

.ipsType_pageTitle .ipsBadge {

    vertical-align: middle !important;

}

 

/* ======================================================== */

/* SIZES */

.ipsBadge, .ipsBadge.ipsBadge_normal {

    height: 17px;

    line-height: 17px;

    font-size: 10px;

}

 

.ipsBadge.ipsBadge_medium {

    height: 18px;

    line-height: 18px;

    font-size: 11px;

} 

 

.ipsBadge.ipsBadge_large {

    height: 23px;

    line-height: 23px;

    padding: 0 10px;

}

 

/* ======================================================== */

/* STYLES */

.ipsBadge_new, .ipsBadge_style1 {

    background: #323232;

}

 

.ipsBadge_style2 {

    background: #6a4fa8;

}

 

.ipsBadge_warning, .ipsBadge_style3 {

    background: #873661;

}

 

.ipsBadge_positive, .ipsBadge_style4 {

    background: #598f5b;

}

 

.ipsBadge_negative, .ipsBadge_style5 {

    background: #c75050;

}

 

.ipsBadge_neutral, .ipsBadge_style6 {

    background: #616161;

}

 

.ipsBadge_intermediary, .ipsBadge_style7 {

    background: #f09348;

}

 

/* ======================================================== */

/* ITEM STATUS BADGES */

.ipsItemStatus:not( .ipsItemStatus_large ) {

    color: {theme="item_status"};

    font-size: 28px;

        line-height: inherit;

    vertical-align: middle;

}

 

    .ipsDataItem_subList .ipsItemStatus:not( .ipsItemStatus_large ) {

        vertical-align: text-top;

    }

 

    .ipsItemStatus.ipsItemStatus_read:not( .ipsItemStatus_large ) {

        color: #dbdbdb;

    }

 

    .ipsItemStatus.ipsItemStatus_tiny {

        font-size: 9px;

    }

 

    .ipsItemStatus.ipsItemStatus_small {

        font-size: 13px;

    }

 

    .ipsItemStatus.ipsItemStatus_large {

        

        color: #fff;

        width: 80px;

        height: 80px;

        line-height: 80px;

        border-radius: 80px;

        display: inline-block;

        text-align: center;

        font-size: 80px;

        {prefix="transition" value="0.30s all linear"}

    }

 

        .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read {

            background: #dbdbdb;

        }

 

    .ipsItemStatus.ipsItemStatus_read {

        opacity: 0.6;

    }

 

    .ipsItemStatus.ipsItemStatus_read:not( .ipsItemStatus_large ):not( .ipsItemStatus_posted ):not( .ipsItemStatus_custom ) {

        display: none;

    }

 

/* ======================================================== */

/* POINTS (for warnings) */

.ipsPoints {

    display: inline-block;

    background: #b14848;

    color: #fff;

    width: 36px;

    height: 36px;

    border-radius: 36px;

    font-size: 18px;

    text-align: center;

    line-height: 36px;

}

 

.ipsPoints_small {

    width: 22px;

    height: 22px;

    line-height: 22px;

    font-size: 12px;

    vertical-align: middle;

}

 

/* ======================================================== */

/* REP BADGE */

.ipsRepBadge {

    font-size: 11px;

    font-weight: bold;

    display: inline-block;

}

 

    .ipsRepBadge_positive,

    .ipsRepBadge_positive:hover {

        color: #5f7a47 !important;

    }

 

    .ipsRepBadge_negative,

    .ipsRepBadge_negative:hover {

        color: #8c3737 !important;

    }

 

    .ipsRepBadge_neutral,

    .ipsRepBadge_neutral:hover {

        color: #b3b3b3 !important;

    }

 

  On 10.12.2015 at 09:03, Cryt said:

 .ipsItemStatus.ipsItemStatus_large {

        

        color: #fff;

        width: 80px;

        height: 80px;

        line-height: 80px;

        border-radius: 80px;

        display: inline-block;

        text-align: center;

        font-size: 80px;

        {prefix="transition" value="0.30s all linear"}

    }

Первое, что бросается в глаза - border-radius должен быть вдвое меньше линейных размеров.

  On 10.12.2015 at 09:03, Cryt said:

Менял, сейчас пере-проверил - не выходит.

Может там ограничения стоят где-то?

Значит не там менял, возможно где-то есть переопределение этого параметра. 

  On 10.12.2015 at 09:19, Sufiy said:

Первое, что бросается в глаза - border-radius должен быть вдвое меньше линейных размеров.

Было. Я уже по-всякому пробовал. 

  On 10.12.2015 at 09:19, Sufiy said:

Первое, что бросается в глаза - border-radius должен быть вдвое меньше линейных размеров.

Решил вопрос с этой бедой. Закрутили они его конечно совсем по идиотскому. Оказывается, там стояли ограничители на максимальные пиксели этих иконок. Непонятно, зачем делать этот бред?

P.S. Спасибо, что помогал в данном вопросе.