هل من الممكن تغيير شفافية مربع اللافتة؟
إعجابَين (2)
باستخدام إعداد السمة banner_box_background_color، يمكنك إدخال قيمة rgba(). يمكنك استخدام مولد مثل هذا ونسخ ولصق قيمة RGBA لهذا الإعداد.
بدلاً من ذلك، يمكنك إضافة بعض CSS المخصص إلى السمة الخاصة بك لتطبيق خاصية opacity:
.below-site-header-outlet.welcome-link-banner-connector .welcome-wrapper {
opacity: 0.5; // استخدم قيمة بين 0 و 1
}
على الرغم من أن نهج CSS أعلاه سيغير الشفافية للمحتويات أيضًا (مما يقلل من شفافية النص)
إعجابَين (2)
هل هناك طريقة يمكنني من خلالها الاحتفاظ بالمتغير مثل var(--secondary) ولكن إضافة شفافية إليه؟
لأنني أريده أن يتكيف مع الوضع الفاتح والداكن
تعديل: لقد جربت بالفعل rgba(var(--secondary), 0.5)
إعجابَين (2)
أعتقد أن هذا يجب أن يعمل (على الرغم من أنني لم أختبره):
rgba(--var(--secondary-rgb), 0.5)
إعجاب واحد (1)
إنها لا تعمل. إنها تزيل اللون بالكامل
إعجاب واحد (1)
حسنًا، أفهم السبب. يحتاج الكود إلى استخدام خاصية background-color لدعم ذلك ولكنه يستخدم background.
إذا أضفت هذا إلى ملف CSS الخاص بالمظهر الخاص بك، فيجب أن يعمل:
.below-site-header-outlet.welcome-link-banner-connector .welcome-wrapper {
background-color: rgba(var(--secondary-rgb), 0.5);
}
3 إعجابات
رائع، لقد نجح الأمر شكراً!
3 إعجابات
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.