Поддержка Проблемы и решения Проблема с Pagenavi

  • Решено euphoria_sp

    (@euphoria_sp)


    Проблема в следующем, поставил pagenavi, всё работает, но активная страница на переключателе очень маленькая и чёрного цвета! Не как не могу исправить! Правил CSS pagenavi пункт .wp-pagenavi span.current, задавал и размер и цвет шрифта не помогает. Создавал отдельно стиль в теме, тоже не помогает! Самое странное в теме css (всё обрыл) нет даже шрифта с таким маленьким размером! Помогите советом!

Просмотр 8 ответов — с 1 по 8 (всего 8)
  • Да, забыл Сам сайт

    Проблема в том, что #header span (style.css) почему-то перекрывает .wp-pagenavi span.current (pagenavi-css.css). В #header span прописан размер шрифта 8pt.
    Если действие #header span отключить, размер текста становится нормальным.
    Это что касается размера текста.

    Чтобы сделать текст белым, я бы в .wp-pagenavi span.current добавил color:#ffffff;

    Спасибо, помогло! Теперь думаю как отключить #header span без последствий!

    Не как не получается, как сделать что бы #header span (style.css) не перекрывал .wp-pagenavi span.current! Может знает кто?!

    А может и не нужно размер шрифта переопределять?
    Согласно общей стилистике сайта переключение на другие страницы должно быть написано тем же маленьким шрифтом, что и всё остальное, как мне кажется.

    Может правильно — это уменьшить шрифт остальных ссылок на страницы? А у текущего — только цвет поменять.

    Я согласен, но она через чур маленькая на сайте видно! Не красиво получается!

    Добиться понижения приоритета #header span можно за счет применения модификатора !important к классу .wp-pagenavi span.current.
    Как требуется элемент будет выглядеть, если его стилизовать примерно так:

    .wp-pagenavi span.current {
    color: #fff;
    font-size: 15pt !important;
    font-weight: 700;
    }

    Подробнее про это рекомендую почитать на htmlbook.ru, разделы страницы «!important» и особенно «Специфичность».

    ВОО! То что нужно! Работает! Спасибо Z-i-d-a-r
    Теперь хоть смогу сделать красивый стиль!

Просмотр 8 ответов — с 1 по 8 (всего 8)
  • Тема «Проблема с Pagenavi» закрыта для новых ответов.