نحوه تنظیم اندازه سفارشی برای نماد دکمه Elementor

نحوه تنظیم اندازه برای نماد دکمهElementor ? در این آموزش به شما نشان خواهیم داد که چگونه با CSS سفارشی به این امر دست یابید

هر کس اگر آزادی/انعطاف پذیری برای خلق چیزی داشته باشد باید خوشحال باشد زیرا انعطاف بیشتر به معنای بهره وری بیشتر است. در مورد انعطاف پذیری، در این مقاله به شما نشان خواهیم داد که چگونه اندازه دلخواه را روی نماد دکمه تنظیم کنید. Elementor.

کشف نحوه نصب Elementor در وردپرس

به طور پیش فرض، ویجت دکمه Elementor می تواند اندازه آیکون را سفارشی کند. اما این انتخاب به پنج اندازه گزینه ثابت (فوق العاده کوچک، کوچک، متوسط، بزرگ و فوق العاده بزرگ) محدود می شود. نه تنها محدود به پنج گزینه انتخاب شده است، بلکه تنظیم نیز فردی نیست. این بدان معنی است که وقتی می خواهید اندازه را تنظیم کنید، روی دو عنصر دکمه (آیکون و متن) تأثیر می گذارد.

شاید از خود بپرسید، "آیا می توان اندازه دلخواه را برای نماد دکمه Elementor تنظیم کرد؟ ". خب، هر چیزی با المنتور امکان پذیر است. بدون کمک افزونه ها می توانید به راحتی این کار را انجام دهید.

نحوه تنظیم اندازه نماد سفارشی دکمه Elementor

قبل از شروع این آموزش، می خواهیم به شما اطلاع دهیم که این آموزش با CSS سفارشی Elementor کار می کند. عملکرد سفارشی CSS فقط در دسترس است Elementor Pro.

خوب، بیایید شروع کنیم!

به ویرایشگر Elementor خود بروید. ما می خواهیم همه چیز را از ابتدا شروع کنیم، بنابراین یک بخش فقط با یک ستون ایجاد کنید. سپس، لطفاً ویجت دکمه را از پانل ویجت انتخاب کنید، سپس آن را بکشید و در قسمت ویرایش رها کنید.

دفعات بازدید: Elementor: نحوه ایجاد اشکال سفارشی

هنگامی که ویجت دکمه را اضافه کردید، می توانید ویجت را با توجه به اولویت های خود ویرایش و استایل دهید. مانند افزودن آیکون، رنگ پس‌زمینه متن و ....

همانطور که در تصویر بالا می بینید، اندازه آیکون و متن یکسان است. زمانی که بخواهید اندازه آیکون را تنها با قرار دادن آن بر روی گزینه Size تنظیمات ویجت تغییر دهید، روی متن نیز تاثیر می گذارد.

خوب حالا ما این مشکل را حل می کنیم. در تنظیمات ویجت، به برگه بروید پیشرفته -> 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 اندازه تنظیم کنید. اگر در مورد نحوه رسیدن به آنجا نگرانی دارید، به ما اطلاع دهید نظر.

با این حال ، شما همچنین می توانید مشورت کنید منابع مااگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس یا یکی در Divi: بهترین تم وردپرس در همه زمان ها.

اما در عین حال، این مقاله را در شبکه های اجتماعی مختلف خود به اشتراک بگذارید.

...