WordPress: плагин Elementor добавляет <br>в кнопку

Question

Надеюсь, у всех все хорошо!

Я делаю сайт в WordPress через плагин Elementor. У меня странная проблема с кнопкой. Кнопка имеет разрыв строки <br>, даже я ее там не добавил.

Но, с другой стороны, кнопка хорошо отображается на панели инструментов Elementor, но когда я делаю предварительный просмотр в реальном времени, кнопка не работает.

Я пытался отключить все плагины и темы, но это не сработало. Нужна помощь!

Answer 1

Добавьте HTML-виджет и разметьте ваш button так, как вам нравится, затем стилизуйте его с помощью CSS:)

.my-button
{
    display: inline-block;
    width: auto;
    margin: 0 auto;
    background: orange;
    padding: 1em 2em;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    /* ... */
}

<a href="#" class="my-button">Click Me</a>

Answer 2

кнопка или ссылка, отступы, ширина, поля и другие стили не будут работать. Потому что кнопка или ссылка должны добавить display: inline-block; или дисплей: блок; тогда будет работать. Так что вам нужно использовать этот display: inline-block; или дисплей: блок; . Надеюсь, это поможет

Answer 3

Вы должны назначить пользовательский тег класса элементу button, он, скорее всего, будет назначен div .elementor-button-wrapper, вам придется проверить его с помощью инструментов dev, затем вам нужно получить доступ к теме стиль по внешнему виду / редактор. Таким образом, вы можете добавить следующий код:

.class-used br{
    display:none;
}

В случае, если класс, назначенный кнопке, отсутствует в родительском теге поверх всех
, вам нужно исключить попытку того же процесса, назначая класс столбцу или элементу, который обертывает кнопку. Надеюсь, это даст вам идею решить проблему.