تغيير ألوان الشارات الافتراضية (البرونزي، الفضي، الذهبي)

هل يمكن تغيير ألوان الشارات من الذهبي والفضي والبرونزي إلى 3 ألوان تتناسب بشكل أفضل مع ألوان الثيم الخاص بنا؟ نود تغييرها لتتناسب بشكل أفضل.

لست خبيرًا في CSS ولكن هذا سيكون حلي… فقط قم بتغيير الألوان إلى ما تريده ليتناسب بشكل أفضل مع ألوان سماتك من الأسفل. كما أوصي بقراءة هذا الموضوع، فقد كان مفيدًا جدًا لي في الماضي حيث ساعدني في تعلم القيام بأشياء رائعة بموقعي.


برونزي

.badge-card .badge-contents .badge-icon.badge-type-bronze .fa {
    color: #cd7f32 !important;
}

فضي

.badge-card .badge-contents .badge-icon.badge-type-silver .fa {
    color: silver !important;
}

ذهبي

.badge-card .badge-contents .badge-icon.badge-type-gold .fa {
    color: #e7c300 !important;
}
6 إعجابات

أسطورة. شكرا جزيلا لك!

هل تستخدم الفحص للعثور على الأشياء؟ لقد غيرتها كلها، لكنني الآن أحاول العمل على تلك التي تظهر في بطاقة المستخدم؟ هل فحص كروم هو الطريقة لمحاولة معرفة أسماء الأشياء؟

نعم، فقط قم بفحص العناصر للعثور على الفئة التي تحتاجها لإجراء التخصيصات. أجد أيضًا دليل الأنماط مفيدًا.

3 إعجابات

رائع! دليل الأسلوب هذا هو المفتاح. لقد ساعدني حرفياً في تعديل كل شيء (التصميم قبل الإطلاق). هل تعرف ما إذا كان يمكنك الوصول إلى قسم المسؤول من خلاله؟ لم أتمكن من العثور عليه. الشيء الوحيد المتبقي لمعالجته هو لون المستخدمين حسب مستوى الثقة. حاولت الفحص ولكن لم يتغير شيء في هذا الحاوية الصغيرة ذات اللون البرونزي. هذه هي المهمة الأخيرة وأنا مصمم على إنجازها اليوم هههه

وهذا موجود في لوحة تحكم المسؤول لذلك لن يراه المستخدمون العاديون على أي حال. ولكن تفضل:

TL 1:

.user-metrics .table-cell.user-basic {
    background: [insert color code or variable here];
}

TL 2:

.user-metrics .table-cell.user-member {
    background: [insert color code or variable here];
}

TL 3:

.user-metrics .table-cell.user-regular {
    background: [insert color code or variable here];
}

TL 4:

.user-metrics .table-cell.user-leader {
    background: [insert color code or variable here];
}
4 إعجابات

رائع. الوسواس القهري لدي يشكرك جزيل الشكر!!! :joy:

إعجاب واحد (1)