Некорректное отображение текста checkbox

  • ecodimteam

    (@ecodimteam)


    7 лет, 2 месяца назад

    Добрый день!
    Сайт на wordpress 4.9.2, тема salient, плагин каталога ultimate product catalog 4.3.2. Браузер chrome Версия 63.0.3239.132.
    При выводе чекбоксов в сайдбар каталога текст «наползает» на сам квадратик чекбокса. При этом, если использовать радиобаттон, то все нормально. Но мне нужен именно чекбокс (возможность выбора нескольких пунктов).
    Пыталась отредактировать css через редактор (файл style.css),чтобы исправить это, но не получилось.
    Посоветуйте, где и что поправить и желательно максимально подробно.

    Кучу форумов и справочников перечитала, но пока проблему не смогла решить. Сказывается очень маленький опыт в сайтостроительстве и в css в частности.

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 7 ответов — с 1 по 7 (всего 7)
  • wpgear

    (@wpgear)

    7 лет, 2 месяца назад

    Ваш чекбокс — он нарисованный. Не настоящий. Настоящий скрыт.

    Обратите внимание на то, как корректно формируется аналогичный элемент Радиобаттон.
    Для этого там используются псевдоэлементы before и after.

    А в Чекбоксе — совсем не так. В нем эти квадратики рисуются в элементах <span> и даже по два раза.

    Вообщем, вам следует повторить стили аналогично используя before и after.

    Автор ecodimteam

    (@ecodimteam)

    7 лет, 2 месяца назад

    Спасибо, я это поняла, что он нарисованный и ненастоящий и что код разительно отличается от кода для радиобаттон.
    Но надеялась, что чекбокс должен работать из коробки, так сказать, и нет необходимости полностью переписывать его css.
    Правильно я понимаю, что мне стоит взять код для радиобаттон, изменить тип инпута, разобраться как организовать множественный выбор и заменить полностью код для чекбокса?

    Flector

    (@flector)

    7 лет, 2 месяца назад

    проще написать на форум поддержки этого плагина — он вроде не заброшенный, авторы должны реагировать на баги.

    а так-то вы правы, плагин с последним обновлением неделю назад должен работать из коробки.

    wpgear

    (@wpgear)

    7 лет, 2 месяца назад

    Если такое отображение Чекбокса — не ваших рук дело (в ходе экспериментов по улучшению), то — это 100% баг разработчиков. Ощущение, что Чекбокс и Радиобаттон писали разные люди. И один из них был не прав.

    В таком случае — просто необходимо описать эту проблему на форуме поддержки, как и говорит @flector

    Автор ecodimteam

    (@ecodimteam)

    7 лет, 2 месяца назад

    Не, я к таким экспериментам не склонна, так как не знаю толком css и лишний раз не лезу)
    Спасибо, напишу туда, я не была уверена,что это проблема плагина, так как и сам движок обновлялся и плагин почти одновременно

    SeVlad

    (@sevlad)

    7 лет, 2 месяца назад

    напишу туда

    «Туда» — это не в раздел плагинов данного форума, а на форум поддержки плагина. https://wordpress.org/support/plugin/ultimate-product-catalogue

    Автор ecodimteam

    (@ecodimteam)

    7 лет, 2 месяца назад

    Извините, неправильно поняла. Тогда тему в разделе «плагины» можно удалить.

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