كيف يمكنني تغيير لون أيقونات الرأس باستخدام زر الهامبرغر

مطور
1

مرحباً بالجميع،

لقد حاولت ولكن هناك أكواد غير صحيحة
وهل يمكننا جعل حواف صندوق التحويم بيضاوية؟
من فضلكم ساعدوني :heart:

2

تغيير ألوان أيقونات الرأس:

مكون السمة المستديرة - قد يناسب احتياجاتك أو على الأقل يمنحك أفكارًا في الكود حول كيفية القيام بذلك:

3 إعجابات
3

شكرا جزيلا @Lilly.
هل يمكننا تغيير اللون عند التحويم؟ وكيف يمكنني إضافة كود نصف قطر الحدود للتحويم؟

4

@Lilly لقد فعلت! :slight_smile:

.d-header-icons a:hover {
background-color: #D93A00 !important;
color: white !important;
border-radius: 30px;
}

لكن لا يمكنني تغيير زر البحث وزر القائمة وجانب الصورة الرمزية
كيف يمكنني العثور على شيء مثل " .d-header-icons a:hover " لزر القائمة والبحث والصورة الرمزية؟

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

لقد فعلت ذلك إذا كنت بحاجة :slight_smile:

.d-header-icons {
    .header-dropdown-toggle, .custom-header-icon-link {
        .icon {
            border-radius: 4px;
            .d-icon {
                color: white;
            }
            &:hover, &:focus {
                background: #223237;
                .d-icon {
                    color: white;
                }
            }
        }
        &.active .icon .d-icon {
            color: white;
        }
    }
}
3 إعجابات