تغيير لون خلفية التمرير لأزرار فئة nav

[patrickemin]

مرحباً، وجدت هذا النقاش:

Button color changes

[34%20PM][01%20PM]Hello all, how do you change the orange default button color? I’ve changed it to the desired hex color in Settings>Customize>Colors but the buttons remain the default orange.

حاولت تكييفه مع حالتي، وهي كيفية تغيير لون الخلفية لأزرار التنقل عند تمرير مؤشر الفأرة فوقها (وليس عندما تكون نشطة). معرفتي الضعيفة بلغة CSS لم تكن كافية… أقدر المساعدة

[awesomerobot (Kris)]

هذا الموضوع قديم، لذا سأقوم بأرشفته…

إذا كنت ترغب في تغيير لون التحويم لأزرار التصفية هذه الموجودة فوق قائمة الموضوعات:

يمكنك القيام بذلك، حيث نستخدم بعض المتغيرات:

:root {
  --d-nav-bg-color--hover: #fab1ed;
}

هناك مجموعة كاملة من المتغيرات لهذه القائمة التي يمكن تعديلها بنفس الطريقة:

@awesomerobot

:root {
  --d-nav-color: var(--primary);
  --d-nav-bg-color: transparent;
  --d-nav-color--hover: var(--primary);
  --d-nav-bg-color--hover: var(--d-hover);
  --d-nav-color--active: var(--tertiary);
  --d-nav-bg-color--active: transparent;
  --d-nav-border-color--active: var(--d-nav-color--active);
  --d-nav-underline-height: 0.125em;
}

للمرجع العام: Making custom CSS changes on your site

[patrickemin]

شكراً جزيلاً @awesomerobot ! ولكنني أضفت ذلك إلى CSS المخصص الخاص بي، ولم يظهر أي تغيير. لقد جربت لونًا “ثابتًا” أيضًا، نفس الشيء، لا تأثير.

:root {
  --d-nav-bg-color--hover: var(--quaternary);
}

[Vaping_Community]

يمكنك المحاولة

:root {
  --d-nav-bg-color--hover: var(--quaternary) !important;
}

[patrickemin]

@Vaping_Community

!important;

لا، لم يحدث أي تغيير بعد، هذا غريب.

[Vaping_Community]

هل قمت بإنشاء مكون سمة لإضافة CSS إليه؟

[patrickemin]

نعم، يعمل كود CSS الآخر الخاص بي:

[Vaping_Community]

لم أستخدم :root قط، لطالما استخدمت أسماء الفئات، سأضطر إلى إلقاء نظرة عليه الآن

[Vaping_Community]

لقد نجح الأمر معي.. بدون !important

[patrickemin]

كيف فعلت ذلك؟

[Vaping_Community]

مثلكم.. لم يغير شيئًا في الأعلى على الرغم من أنه تغير عناصر قائمة المسؤول وعناصر قائمة تفضيلات المستخدم

[patrickemin]

حسناً، في حالتي لا يوجد تغيير ظاهر على أي من هذه.

[Vaping_Community]

قد يكون هذا غبياً ولكن هل تنقر على حفظ؟

[patrickemin]

نعم فعلت

[patrickemin]

ليس ضروريًا، دعنا ننتظر حتى يحاول شخص آخر… @Steven إذا كان بإمكانك تجربة ذلك بصفتك مسؤولاً على موقعي…

[Firepup650 (Firepup Sixfifty)]

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

[patrickemin]

نعم، ولدي سمة واحدة فقط.

[Firepup650 (Firepup Sixfifty)]

إذا حاولت تحديث ذاكرة التخزين المؤقت (Ctrl/Cmd + Shift + R)، فهل يظهر ذلك بالصدفة؟

[patrickemin]

لا تغيير.

[patrickemin]

حسنًا، بما أن لدي موقعي Discourse آخرين، فقد اختبرت ذلك على موقع آخر، و… نجح!
الآن هناك شيء ما في موقع dessein-tech.com الخاص بي يتعارض مع هذا التعديل.

لقد قمت بتعطيل جميع المكونات واحدًا تلو الآخر دون جدوى.