Я разрабатываю свой сайт с помощью WordPress и у меня есть контактная форма 7, которая дает мне проблемы с форматированием.Следующий код используется в плагине Contact Form 7:
[checkbox checkbox-584 use_label_element «Анализ конкурентного рынка (CMA) - на продажу» «Анализ конкурентного рынка (CMA) - на аренду»)Формы соглашения об управлении "" Запросить посещение на дому "" Запросить назначение в офисе "] *
... и он генерирует следующий HTML-код на моем сайте:
<span class="wpcf7-list-item first">
<label>
<input type="checkbox" name="checkbox-584[]" value="Competitive Market Analysis (CMA) - For Sale">
<span class="wpcf7-list-item-label">Competitive Market Analysis (CMA) - For Sale</span>
</label>
</span>
Фрагмент выше повторяется длякаждый из элементов моего флажка.
В Safari и Chrome для MacOS флажок имеет «нормальный» размер, но строка отображается перед отображением метки.На моем iPad с Safari этот флажок намного выше, чем должен быть.
То, чего я действительно пытаюсь достичь, это держать ярлык на той же строке рядом с флажком.Я обнаружил очень похожие проблемы во всем Интернете, и ни одно из решений, которые работали для других, похоже, не работает в моем случае.Добавление строки CSS «span.wpcf7-list-item {display: block;}» к моей теме WordPress не позволяет отображать несколько флажков в одной строке, поэтому я знаю, что мой CSS используется, и у меня есть правильный класс, новеб-инспектор Safari указывает, что сам флажок занимает всю ширину.
Я, вероятно, делаю ужасную работу, объясняя это.Рассматриваемый веб-сайт bamcisrealty.com/property-management, и вот скриншот того, где проблема, кажется, находится.Спасибо за любую помощь, спасибо!
скриншот результатов веб-инспектора сафари