Как установить размер значка кнопкиElementor ? В этом уроке мы покажем вам, как добиться этого с помощью пользовательского CSS.
Все должны быть счастливы, если у них есть свобода/гибкость для создания чего-либо, потому что большая гибкость означает большую производительность. Говоря о гибкости, в этой статье мы покажем вам, как установить нестандартный размер значка кнопки. Elementor.
Откройте для себя Как установить Elementor на WordPress
По умолчанию виджет кнопки Elementor можно настроить размер значков. Но этот выбор ограничен пятью фиксированными размерами опционов (очень маленький, маленький, средний, большой и очень большой). Мало того, что выбор ограничен пятью опциями, так еще и настройка не индивидуальна. Это означает, что когда вы захотите установить размер, это повлияет на два элемента кнопки (значок и текст).
Может быть, вам интересно: «Можно ли установить нестандартный размер значка кнопки Elementor? ». Что ж, с Elementor возможно все. Без помощи дополнений вы можете сделать это легко.
Как установить размер пользовательского значка кнопки Elementor
Прежде чем приступить к этому руководству, мы хотим сообщить вам, что это руководство будет работать с пользовательским CSS Elementor. Пользовательские функции CSS доступны только на Факир Pro.
Что ж, приступим!
Перейдите в редактор Elementor. Мы собираемся начать все с нуля, поэтому создайте раздел только с одним столбцом. Затем выберите виджет кнопки на панели виджетов, затем перетащите его в область редактирования.
Читайте также: Elementor: как создавать собственные фигуры
После того, как вы добавили виджет кнопки, вы можете редактировать и стилизовать виджет в соответствии со своими предпочтениями. Например, добавить значок, цвет фона текста и т. д.
Как вы можете видеть на изображении выше, размеры значка и текста одинаковы. Если вы хотите изменить размер значка, только установив его в параметре «Размер» в настройках виджета, это также повлияет на текст.
Хорошо, сейчас мы решим эту проблему. В настройках виджета перейдите на вкладку Передовой -> Пользовательский CSS.
Скопируйте приведенный ниже фрагмент кода CSS и вставьте его в поле. Пользовательский CSS.
selector .elementor-button-icon { font-size:100px; color: inherit;
}
selector .elementor-button-text {margin:auto;}
Вы можете настроить размер значка, изменив значение фрагмента CSS (см. изображение ниже).
Там!. Не забудьте сохранить или публиковать Ваш проект, если хотите.
Получить Elementor Pro сейчас !!!
Заключение
В этой статье показано, как установить собственный размер значка кнопки Elementor с помощью пользовательского CSS. Но если вам нужен более простой способ настроить размер значка кнопки, потому что вам не нравится работать с кодами, мы предлагаем использовать Надстройка Elementor.
Надстройка Elementor, которую мы настоятельно рекомендуем, JetElements от Крокоблок. JetElements имеет более 40 виджетов Elementor. Вы найдете виджет кнопки, который позволяет настроить размер значка кнопки.
С виджетом кнопка от JetElements настройка размера значка кнопки очень проста и удобна.
Так ! Вот и все для этой статьи, в которой показано, как установить размер значка кнопки Elementor. Если у вас есть какие-либо опасения по поводу того, как туда добраться, сообщите нам об этом в течение Комментарии.
Тем не менее, вы также можете проконсультироваться наши ресурсы, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress или Divi: лучшая тема WordPress всех времен.
Но тем временем поделитесь этой статьей в разных социальных сетях.
...
