Размещение пространства между двумя кнопками по вертикали и горизонтали на рабочем столе и в адаптивном режиме

Question

Я использую WordPress, поэтому решение CSS лучше не подходит. Мне нужно добавить пробел между двумя кнопками в моей статье.

На этом изображении ниже показано, как они выглядят на широком экране, например на рабочем столе.

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

Как добавить вертикальное пространство между кнопками без CSS?

Answer 1

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

.your_buttton_class {margin- внизу: 0,2em; }

Вы получите класс, если используете инспектор (щелкните правой кнопкой мыши) в своем браузере.

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

Если невозможно отредактировать таблицу стилей, не могли бы вы предоставить дополнительную информацию о вашем сайте и вашем доступе к нему? Спасибо!

Итак, с плагином Ultimate Shortcodes, который вы используете, ссылка на документы: https://getshortcodes.com/docs/button/

Отрегулируйте это в своем редакторе wordpress:

[su_button class="space_to_bottom"]Button[/su_button]

И в вашем CSS:

.space_to_bottom {
    margin-bottom: 0.2em;
}

Margin-Bottom для создания пространства вокруг элементов: https://www.w3schools.com/css/css_margin.asp