Нумерация страниц в линию - Joomla 3.x: Общие вопросы

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



Чтоб сократить время вот сайт https://playsector.ru проблема находится сразу на главной странице внизу.

Как вариант поставьте в .pagination ul ширину блока width: 465px;

Как вариант поставьте в .pagination ul ширину блока width: 465px;

Попробуйте блоки внутри UL флексом выстроить и не привязываться к фиксированной ширине.
Если сайт в сети - дайте ссылку, набросаю пример

Если предположить что сайт обновился и параметр вернулся на исходную.

Тут вопрос только стилей по большому счету

.pagination ul {
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
.pagination ul > li {
    display: block;
    flex: 1 0;
}
.pagination ul > li > a, .pagination ul > li > span {
    line-height: 28px;
    /* text-decoration: none; */
    background-color: #fff;
    border: 1px solid #ddd;
    border-left-width: 0;
    padding: 0;
    display: block;
    text-align: center;
}

Больше CSS. Попробуйте так:

Код

.pagination ul {
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
.pagination ul > li {
    display: block;
    flex: 1 0;
}
.pagination ul > li > a, .pagination ul > li > span {
    line-height: 28px;
    /* text-decoration: none; */
    background-color: #fff;
    border: 1px solid #ddd;
    border-left-width: 0;
    padding: 0;
    display: block;
    text-align: center;
}

Так добавьте padding слева справа для .pagination ul > li либо .pagination ul > li a
У вас сейчас они обнулены

Код

.pagination ul > li > a, .pagination ul > li > span {
    padding: 0;
}

Был бы сайт в сети без проблем, пока на https://playsector.ru/ вижу исходные значения стилей

Поиграйте с отступами

Код

.pagination ul > li > a, .pagination ul > li > span {
padding: 5px 10px;
}

Спасибо, а вот эти пустоты нельзя как-то убрать?

А это вам нужно гуглить документацию по CSS flex, чтобы при justify-content: space-between; убрать отступы. Нужно либо для LI либо для A играть с margin, смотря где они указаны
Повторюсь - был бы сайт в сети с этими изменениями - дал бы готовое решение


Текущая версия сайта в сети без всех наших рекомендаций, смысл здесь писать одно и там править другие стили...

Посмотрите пожалуйста, этот сайт в сети https://playsector.ru/ со всем этим кодом.

И где же там для .pagination ul предложенный вариант с display: flex?

user.css

.pagination ul {
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
}

Я вижу только исходный

Код

.pagination ul {
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
}