WordPress: плагин Elementor добавляет <br> в кнопку
Надеюсь, у всех все хорошо!
Делаю сайт на WordPress через плагин Elementor. Столкнулся со странной проблемой на кнопке. Кнопка имеет перенос строки <br>, даже я его туда не добавлял.
Но, с другой стороны, кнопка хорошо отображается на панели инструментов Elementor, но когда я делаю предварительный просмотр в реальном времени, кнопка испортилась.
Я пытался деактивировать все плагины и темы, но это не сработало. Нужна помощь!
Я не делал никаких изменений в стиле или на вкладке «Дополнительно».
Я так понимаю, вы просите помощи в решении вопроса, или вы хотите объяснить, что произошло? Если первое, то я предлагаю вам как-то отредактировать исходный код HTML...
Можете ли вы изменить тип кнопки на что-то другое? Возможно, «предупреждение» содержит эти дополнительные элементы для «предупреждений» :)
да, я уже изменил тип кнопки, но это не работает, мне нужно создать пользовательскую кнопку через html и css :(
Нет возможности редактировать HTML в редакторе Elementor?
Да, я думаю, просто добавьте кнопку, используя виджет HTML. Я не могу комментировать, ошибка это или нет, потому что я раньше не использовал Elementor, возможно, обратитесь в их поддержку?
вы правы, я все равно должен сделать это в HTML. Большое спасибо за ваше драгоценное время. Я ценю это.
Плюс я не понял, почему я получил отрицательный голос. как будто невнимательно прочитали мой вопрос? или это оффтоп?
Это был я, потому что я не мог получить ответ на свой первый вопрос, когда пытался помочь. Если вы каким-либо образом отредактируете свой вопрос, я смогу удалить отрицательный голос, поскольку я понимаю, что вы сейчас говорили. Рад, что ты все-таки разобрался :)
Я не авторитет в этом вопросе, но я не думаю, что в вашем вопросе было что-то особенно неправильное, и я не должен был так сильно сожалеть об этом. Отредактируйте вопрос, и я проголосую за вас (я не могу изменить свой голос, если вы не отредактируете вопрос) :)
Нет проблем, Мэтт! Я отредактировал вопрос. И я ценю вашу помощь в любом случае!
Ну вот! Он работает в обе стороны, теперь я знаю, что такое Elementor и немного о его ограничениях и т. д. Я сам не фанат таких плагинов, я использую ACF. Проверьте это, если хотите и у вас есть время, я управляю почти всем своим контентом в Wordpress с помощью ACF advancedcustomfields.com - не беспокойтесь :)
Спасибо @GamersAgenda :)
Вот дополнительная информация о том, как WordPress добавляет разметку к контенту: wordpress.stackexchange.com/questions/130075/…
Ответы 2
Вы должны назначить пользовательский тег класса для элемента кнопки, он, скорее всего, будет назначен для div .elementor-button-wrapper, вам нужно будет проверить его с помощью инструментов разработчика, затем вам нужно получить доступ к стилю темы при внешнем виде /редактор. Таким образом, вы можете добавить следующий код:
.class-used br{
display:none;
}
В случае, если класс, который вы назначили кнопке, не находится в родительском теге поверх всех
, вам нужно исключить попытку того же процесса, назначив класс столбцу или элементу, который обертывает кнопку. Надеюсь, это даст вам представление о решении проблемы.
отступы кнопок или ссылок, ширина, поля и другие стили не будут работать. Поскольку к кнопке или ссылке нужно добавить дисплей: встроенный блок; или отобразить: блок;, тогда она будет работать. Поэтому вам нужно использовать этот дисплей: встроенный блок; или отобразить: блок;. Надеюсь, поможет
Можете ли вы просмотреть сгенерированный исходный код и отредактировать его? Может во вкладке "Дополнительно"?