💡(Обновление) Как изменить текст и размер блока просмотров/ответов в разделах XenForo

[Unmasker1]

Настройка внешнего вида блока ответов и просмотров в списке тем.​

В этой теме я покажу, как с помощью простых CSS-свойств изменить ширину рамки статистики «Ответы» и «Просмотры», а также изменить размер текста, что бы увеличить количество цифр/символов отображающих просмотры/ответы. Это поможет видеть полное количество просмотров и ответов в теме. Это атуально для XenForo 2.3.6

Пошаговая инструкция:

1. Зайдите в панель управления - внешний вид - шаблоны
2. Введите в поиск: extra.less
3. Добавьте код: (смотри ниже)

Код:

/* Комплексное решение для статистики в списке тем */
.structItem-cell.structItem-cell--meta {
    width: 170px; /* Увеличиваем ширину колонки (было ~140px) */
 
    // Внутри этой колонки уменьшаем шрифт для всех элементов
    dl.pairs.pairs--justified {
        font-size: 15px; /* Делаем текст чуть меньше (подберите под свой вкус) */
    }

    // Уменьшаем только нижние подписи (Ответы/Просмотры), если нужно
    .structItem-minor {
        font-size: 13px;
    }
}

/* Сохраняем адаптивность для мобильных устройств */
@media (max-width: @xf-responsiveMedium) {
    .structItem-cell.structItem-cell--meta {
        width: auto;
        dl.pairs.pairs--justified {
            font-size: inherit; /* На смартфонах возвращаем стандартный размер */
        }
    }
}

4. Нажмите сохранить. И не забудьте обновить страницу, что бы изменения вступили в силу.

Описание кода:

width: 170px - размер рамки.
font-size: 15px - изменение шрифта ответы/просмотры.

Этот метод решает проблему "наползания" исчезновения цифр, когда количество просмотров темы превышает 1000, и стандартная ширина блока XenForo становится недостаточной.