إحدى الميزات المتوفرة في Elementor Pro هي القدرة على إضافة CSS مخصص ( اقرأ: Elementor Free vs Pro). تتيح لك الميزة تجاوز ذلك حيث يمكنك تطبيق أي تصميم عندما لا يكون التصميم الذي تريده متاحًا في قائمة خيارات الإعداد. لإضافة تصميم مخصص عبر CSS مخصص إلى عنصر واجهة مستخدم معين (أو عناصر عنصر واجهة مستخدم) ، تحتاج إلى معرفة محدد عنصر واجهة المستخدم المرتبط. لقد قمنا بتجميع قائمة محددات عنصر واجهة المستخدم Elementor لتسهيل عملك.
تحتوي كل عنصر واجهة مستخدم Elementor - وعناصره - على محدد CSS يمكنك استخدامه لاستهداف عنصر واجهة المستخدم المرتبط عندما تريد إضافة CSS مخصص لتحقيق تصميم معين. يمكنك معرفة المحدد من خلال فحص الأداة التي تريد إضافة CSS المخصص إليها.
نظرًا لأن فحص عنصر واجهة المستخدم لا يمكن إجراؤه إلا على صفحة مباشرة ، فسيستغرق فحص كل عنصر وقتًا طويلاً. هذا ما دفعنا إلى إنشاء هذه القائمة.
كيفية استخدام المحدد لنفترض أنك تريد تطبيق حجم مختلف بين الرمز والنص على الزر. نظرًا لأن خيار الإعداد الافتراضي لا يسمح لك بتعيين حجم مختلف بين رمز الزر والنص ، يمكنك تحقيق ذلك عبر CSS المخصص. يمكنك إما استهداف الرمز أو النص لتطبيق CSS مخصص عليه.
أولاً ، حدد محدد العنصر الذي تريد استهدافه (على سبيل المثال ، رمز الزر). في لوحة إعدادات Elementor ، انتقل إلى علامة التبويب خيارات متقدمة وافتح كتلة CSS المخصصة .
اكتب selector [selector name] {}
في حقل CSS المخصص. هذا هو المثال.
بعد ذلك ، أضف محتوى CSS (إعلان) داخل الأقواس المتعرجة. هذا هو المثال.
قائمة محددات عنصر واجهة المستخدم الأكورديون انذار العنوان المتحرك وصف الأرشيف أرشفة المشاركات صندوق المؤلف المعرض الأساسي Blockquote زر دعوة للعمل العد التنازلي يعداد مقسم فليب بوكس استمارة صالة عرض عنوان أيقونة مربع الرمز صورة مربع الصورة مكتبة الصور مكتبة الوسائط قائمة التنقل زر PayPal مَلَفّ اكتب تعليقا معلومات المشاركة آخر الملاحة المشاركات عنوان الوظيفة قائمة الاسعار جدول الاسعار شريط التقدم متتبع التقدم المراجعات أزرار المشاركة الشرائح الرموز الاجتماعية تصنيف النجوم جدول المحتويات نوافذ التبويب شهادة كاروسيل التزكية محرر النص تبديل الأكورديون القطعة .elementor- أكورديون عنوان الأكورديون .elementor- الأكورديون-العنوان وصف الأكورديون .elementor-tab-content أيقونة الأكورديون مفتوحة .elementor-الأكورديون-icon تم إغلاق أيقونة الأكورديون .elementor-الأكورديون-أيقونة مغلقة
انذار القطعة .elementor-alert عنوان التنبيه .elementor-alert-title وصف التنبيه .elementor-alert-description رفض الرمز .elementor-alert-رفض
العنوان المتحرك القطعة .elementor-headline نص ثابت .elementor-headline- نص عادي نص ديناميكي .elementor- العنوان- الديناميكي- المجمع
وصف الأرشيف نص الأرشيف .elementor-head-title
أرشفة المشاركات القطعة .elementor-widget-container عنصر آخر .elementor-network-item صورة مميزة .elementor-post__thumbnail شارة على بطاقات الجلد .elementor-post__badge الصورة الرمزية على بطاقات الجلد img.avatar منطقة محتوى النص .elementor-post__text عنوان الوظيفة .elementor-post__title مقتطفات بعد .elementor-post__excerpt اقرأ أكثر .elementor-post__ قراءة المزيد منطقة ما بعد التعريف .elementor-post__meta-data تاريخ آخر .elementor-post-date كاتب المشاركة .elementor-post-author الوقت بعد .elementor-post-time أضف تعليقا .elementor-post-avatar ترقيم الصفحات .elementor-pagination التسمية السابقة .page-numbers.prev التسمية التالية .page-numbers.next رقم ترقيم الصفحات .أرقام الصفحات رقم ترقيم الصفحات النشط .page-numbers.current زر تحميل المزيد .elementor زر الارتباط تحميل المزيد من أيقونة الزر .elementor-button-icon
صندوق المؤلف القطعة .elementor-author-box الصورة الرمزية .elementor-author-box__avatar اسم المؤلف .elementor-author-box__name المؤلف السيرة الذاتية .elementor-author-box__bio زر الأرشفة .elementor-author-box__button
المعرض الأساسي القطعة .elementor-معرض الصور عنصر المعرض . معرض العناصر شرح .wp-caption-text
Blockquote القطعة .elementor-blockquote محتوى Blockquote .elementor-blockquote__content مؤلف Blockquote .elementor-blockquote__author سقسقة أيقونة زر .elementor-blockquote__tweet تسمية التغريدات .elementor-blockquote__tweet-label
زر القطعة .elementor زر زر كتابة .elementor-button-text رمز الزر .elementor-button-icon
دعوة للعمل القطعة .elementor-cta صورة رأس .elementor-cta__bg شريط .elementor- الشريط نص الشريط .elementor- شريط داخلي عنوان المحتوى .elementor-cta__title وصف المحتوى .elementor-cta__ وصف زر المحتوى .elementor-cta__button
العد التنازلي القطعة .elementor- غلاف العد التنازلي أيام .elementor- أيام العد التنازلي ساعات .elementor- العد التنازلي-ساعات الدقائق .elementor-countdown-minutes ثواني .elementor- العد التنازلي ثواني تسمية العد التنازلي .elementor- تسمية العد التنازلي
يعداد القطعة .elementor-counter بادئة الرقم .elementor-counter-number-prefix رقم .elementor-counter-number رقم لاحقة .elementor-counter-number-later عنوان .elementor-counter-title
مقسم القطعة .elementor-divider فاصل . عنصر-مقسم-فاصل عنصر النص / الرمز .elementor-divider__element
فليب بوكس القطعة .elementor-flip-box الحاوية الأمامية .elementor-flip-box__front الحاوية الخلفية .elementor-flip-box__back حاوية المحتوى .elementor-flip-box__layer__inner عنوان المحتوى .elementor-flip-box__layer__title وصف المحتوى .elementor-flip-box__layer__ الوصف زر المحتوى .elementor-flip-box__button
استمارة القطعة .elementor-form حاوية الخطوة مؤشرات e-form__ عدد الخطوات e-form__indicators__indicator تسمية الميدان .elementor-field-label نص ميداني .elementor-field-textual تسمية حقل النص .elementor-field-type-text تسمية حقل منطقة النص .elementor-field-type-textarea تسمية حقل البريد الإلكتروني .elementor-field-type-email عنوان حقل URL .elementor-field-type-url تسمية حقل الهاتف .elementor-field-type-tel. عنصر-حقل-نوع-هاتف تسمية مجال الراديو .elementor- مجال- نوع راديو حدد تسمية الحقل .elementor-field-type-select خانة اختيار حقل تسمية .elementor-field-type-checkbox تسمية حقل القبول قبول نوع الحقل أو العنصر تسمية حقل التاريخ .elementor-field-type-date تسمية حقل الوقت .elementor-field-type-time. عنصر-حقل-نوع-وقت رقم تسمية الحقل .elementor-field-type-number تحميل ملف تسمية الحقل .elementor-field-type-upload زر' التالي النموذج الإلكتروني __الأزرار__ الغلاف_الزر التالي الزر السابق e-form__buttons__wrapper__button-السابق زر الإرسال .elementor زر
صالة عرض عنوان المعرض (لمعرض متعدد) .elementor-Gallery-title عنصر المعرض .elementor-معرض-بند الوصف (على التراكب) .elementor-gallery-item__description
عنوان القطعة .elementor-head-title
أيقونة مربع الرمز القطعة .elementor-icon-box-المجمع أيقونة .elementor-icon حاوية المحتوى .elementor-icon-box-content عنوان المحتوى .elementor-icon-box-title وصف المحتوى .elementor-icon-box-description
قائمة الرموز أيقونة القائمة .elementor-icon-list-icon نص القائمة .elementor-icon-list-text
صورة صورة IMG شرح .wp-caption-text
مربع الصورة صورة .elementor-image-box-img حاوية محتوى النص .elementor-image-box-content عنوان المحتوى .elementor-image-box-title وصف المحتوى عنصر-صورة-مربع-وصف
مكتبة الصور حاوية الصورة .swiper-slide عنصر الصورة . swiper-slide-image حاوية ترقيم الصفحات .swiper-pagination نقاط ترقيم الصفحات .swiper-pagination-bullet الأيقونة السابقة .elementor-swiper-button-prev التالي .elementor-swiper-button-next تعليق على الصورة .elementor-image-carousel-caption
مكتبة الوسائط عنصر الوسائط .elementor-carousel-image تراكب عنصر الوسائط .elementor-carousel-image-overlay ترقيم النقاط .swiper-pagination-fraction الزر السابق .eicon-chevron-left زر' التالي .eicon-chevron-right ترقيم الصفحات الكسر .swiper-pagination-fraction التقدم في شريط ترقيم الصفحات .swiper-pagination-progressbar شريط التقدم ملء ترقيم الصفحات .swiper-pagination-progressbar-fill
قائمة التنقل قائمة الجوال Toggle .elementor-menu-toggle أيقونة قائمة الجوال .eicon-menu-bar قائمة عادية .elementor-nav-menu اسقاط .elementor-nav-menu- القائمة المنسدلة عنصر القائمة مع القائمة الفرعية .elementor-item.has-submenu عنصر القائمة الفرعية .elementor-sub-item
زر PayPal القطعة .elementor- زر الدفع رمز زر PayPal .elementor-button-icon نص زر PayPal .elementor-button-text
مَلَفّ عنصر المحفظة .elementor-Wallet-item عنصر المحفظة على التراكب .elementor-Wallet-item__overlay تراكب العنوان .elementor-Wallet-item__title مرشح المحفظة .elementor-Wallet__filter
اكتب تعليقا عنوان الرد عنوان الرد. com منطقة نموذج التعليق شكل comment نموذج التعليق .comment-form-comment زر الإرسال .form-submit
معلومات المشاركة القطعة .elementor-post-info الصورة الرمزية IMG قائمة الرموز .elementor-icon-list-icon نص الرمز .elementor-icon-list-text
آخر الملاحة القطعة .elementor-post-navigation الأيقونة السابقة .post-navigation__arrow-prev التسمية السابقة .post-navigation__prev – label عنوان الوظيفة السابقة .post-navigation__prev – title الرمز التالي .post-navigation__arrow-next التسمية التالية .post-navigation__next – label عنوان المشاركة التالية .post-navigation__next-title
المشاركات عنصر آخر .elementor-post صورة مميزة .elementor-post__thumbnail شارة على بطاقات الجلد .elementor-post__badge الصورة الرمزية على بطاقات الجلد img.avatar منطقة محتوى النص .elementor-post__text عنوان الوظيفة .elementor-post__title مقتطفات بعد .elementor-post__excerpt اقرأ أكثر .elementor-post__ قراءة المزيد منطقة ما بعد التعريف .elementor-post__meta-data تاريخ آخر .elementor-post-date كاتب المشاركة .elementor-post-author الوقت بعد .elementor-post-time أضف تعليقا .elementor-post-avatar ترقيم الصفحات .elementor-pagination التسمية السابقة .page-numbers.prev التسمية التالية .page-numbers.next رقم ترقيم الصفحات .أرقام الصفحات رقم ترقيم الصفحات النشط .page-numbers.current زر تحميل المزيد .elementor زر الارتباط تحميل المزيد من أيقونة الزر .elementor-button-icon
عنوان الوظيفة القطعة .elementor-head-title
قائمة الاسعار القطعة .elementor-price-list قائمة الاغراض .elementor-price-list-item صورة عنصر القائمة .elementor-price-list-image نص عنصر القائمة .elementor-price-list-text رأس عنصر القائمة .elementor-price-list-header عنوان عنصر القائمة .elementor-price-list-title فاصل عنصر القائمة .elementor-price-list-الفاصل قائمة الأسعار .elementor-price-list-price وصف عنصر القائمة .elementor-price-list-description
جدول الاسعار القطعة .elementor-price-table رأس الجدول .elementor-price-table__header عنوان رأس الجدول .elementor-price-table__heading وصف رأس الجدول .elementor-price-table__subheading سعر .elementor-price-table__price عملة .elementor-price-table__currency الرقم بعد السعر .elementor-price-table__after-price فترة التسعير .elementor-price-table__period منطقة قائمة الميزات .elementor-price-table__features-list عنصر قائمة الميزات .elementor-price-table__feature- الداخلية تذييل الجدول .elementor-price-table__footer زر تذييل الجدول .elementor-price-table__button نص تذييل الجدول .elementor-price-table__additional_info شريط .elementor-price-table__ribbon الشريط الداخلي .elementor-price-table__ribbon-inner
شريط التقدم شريط التقدم .elementor-progress-bar خلفية التقدم .elementor-progress-wrapper عنوان التقدم .elementor-title تقدم النص الداخلي .elementor-progress-text نسبة التقدم .elementor- نسبة التقدم
متتبع التقدم القطعة .elementor التمرير تعقب تقدم النسبة المئوية للتقدم الحالي
المراجعات القطعة .elementor-swiper مراجعة العنصر .swiper-slide مراجعة رأس .elementor-testimonial__header صورة المراجع .elementor-testimonial__image اسم المراجع .elementor-testimonial__name عنوان المراجع .elementor-testimonial__title محتوى الشهادة .elementor-testimonial__content نص الشهادة .elementor-testimonial__text ترقيم النقاط .swiper-pagination-bullet ترقيم الصفحات الكسر .swiper-pagination-fraction تيار ترقيم الصفحات .swiper-pagination-current إجمالي ترقيم الصفحات الكسر .swiper-pagination-total التقدم في شريط ترقيم الصفحات .swiper-pagination-progressbar شريط التقدم ملء ترقيم الصفحات .swiper-pagination-progressbar-fill الزر السابق .eicon-chevron-left زر' التالي .eicon-chevron-right
أزرار المشاركة عنصر الزر .elementor-share-btn رمز الزر .elementor-share-btn__icon زر كتابة .elementor-share-btn__text
الشرائح القطعة .elementor-slides-المجمع منطقة المحتوى . swiper-slide-content عنوان المحتوى .elementor-slide-title وصف المحتوى .elementor-slide-description زر المحتوى .elementor- زر الانزلاق ترقيم النقاط .swiper-pagination-bullet الزر السابق .eicon-chevron-left زر' التالي .eicon-chevron-right
الرموز الاجتماعية القطعة .elementor-social-icons-المجمع عنصر الرمز .elementor-social-icon
تصنيف النجوم القطعة .elementor-star-rating__wrapper عنوان التصنيف .elementor-star-rating__title منطقة أيقونة النجمة .elementor-star-rating رمز النجمة ممتلئ بالكامل .elementor-star-full أيقونة نجمة نصف مملوءة .elementor-star-5 أيقونة نجمة فارغة .elementor- نجمة فارغة
جدول المحتويات القطعة .elementor-widget-container رأس ToC .elementor-toc__header عنوان رأس ToC .elementor-toc__header-title توسيع الزر .elementor-toc__toggle-button – expand زر التصغير .elementor-toc__toggle-button – expand هيئة ToC .elementor-toc__body عنصر قائمة ToC .elementor-toc__list-item ToC Top Level .elementor-toc__list-item-text.elementor-toc__top-level
نوافذ التبويب القطعة علامات التبويب عنوان علامة التبويب .elementor-tab-title علامة التبويب المحتوى .elementor-tab-content
شهادة القطعة .elementor-testimonial-wrapper محتوى الشهادة .elementor-testimonial-content ميتا شهادة .elementor-testimonial-meta الصورة الرمزية شهادة .elementor-testimonial-image اسم الشهادة والمسمى الوظيفي .elementor-testimonial-details اسم الشهادة .elementor-testimonial-name عنوان الوظيفة الشهادة .elementor-testimonial-job
كاروسيل التزكية القطعة .elementor-widget-container بند شريحة التزكية .elementor-testimonial محتوى الشهادة .elementor-testimonial__content ميتا شهادة .elementor-testimonial__footer الصورة الرمزية شهادة .elementor-testimonial__image اسم الشهادة والمسمى الوظيفي .elementor-testimonial__cite اسم الشهادة .elementor-testimonial__name عنوان الوظيفة الشهادة .elementor-testimonial__title ترقيم النقاط .swiper-pagination-bullet ترقيم الصفحات الكسر .swiper-pagination-fraction تيار ترقيم الصفحات .swiper-pagination-current إجمالي ترقيم الصفحات الكسر .swiper-pagination-total التقدم في شريط ترقيم الصفحات .swiper-pagination-progressbar شريط التقدم ملء ترقيم الصفحات .swiper-pagination-progressbar-fill الزر السابق .eicon-chevron-left زر' التالي .eicon-chevron-right
محرر النص القطعة .elementor محرر نصوص
تبديل القطعة .elementor-toggle تبديل العنصر .elementor-toggle-item تبديل عنوان العنصر .elementor-tab-title تبديل محتوى العنصر .elementor-tab-content تبديل الأيقونة .elementor-toggle-icon رمز التبديل مغلق .elementor-toggle-icon-closed تبديل رمز الفتح تم فتح .elementor-toggle-icon-open
الخط السفلي بينما يوفر Elementor الكثير من خيارات التصميم لكل عنصر واجهة مستخدم ، يمكنك تجاوز ذلك باستخدام CSS المخصص. لتطبيق نمط مخصص على عنصر واجهة مستخدم (أو عناصره) عبر CSS مخصص ، فأنت بحاجة إلى معرفة محدد عنصر واجهة المستخدم المرتبط. يمكنك ببساطة فحص عنصر واجهة مستخدم على صفحة مباشرة لمعرفة محدده. لتوفير الوقت ، قمنا بإنشاء قائمة محددات عنصر واجهة المستخدم Elementor حتى لا تضطر إلى فحص كل عنصر واجهة مستخدم بنفسك.