مشکل رنگ کردن پس زمینه نوار پیشرفت افزونه ویژوال کامپوزر

[A B A D A N 237]

سلام و خسته نباشید

میخواستم یکی از گزینه های افزونه ویژوال کامپوزر وردپرس که نوار پیشرفت هست رو رنگ پس زمینه رو رنگی کنم یا متن رو رنگی کنم چون فقط انگار میشه خود نوار پیشرفت رو رنگ رو تعیین کرد

چون الان رنگ پس زمینه سفید هست و رنگ متن هم سفید به خاطر همین نمایش داده نمیشه

عکس زیر رو ببینید

لینک ها تنها برای اعضای سایت قابل نمایش است.

[Masih 6,279]

درود.

برای تغییر رنگ پس زمینه یا رنگ متن نوار پیشرفت، باید از Inspect Element مرورگرتون استفاده کنید و کلس یا آی دی اون قسمت رو بدست بیارید و از color یا background برای تغییر رنگ استفاده کنید. در این حالت رنگ ها ثابت هستند. یعنی اگر قرار باشه متن رو سیاه کنید، پس زمینه ی اون متن هر رنگی باشه اون متن رنگ خودشو حفظ میکنه. پس زمینه هم به همین صورت.

اما یک راه حل دیگه هم وجود داره و اونم اینه که بیایید از رنگ متن متغیر استفاده کنید. به این صورت که اگه پس زمینه سفید بود، متن سیاه باشه و اگر پس زمینه رنگی بود، متن به طوری تغییر رنگ بده که قابل خوندن باشه. نمونه :

برای اعمال چنین حالتی هم کافیه کلس یا آی دی اون متن رو با استفاده از Inspect Element مرورگرتون پیدا کنید بعد داخل فایل CSS این دستور رو برای اون کلس یا آی دی تعریف کنید:

.myclass {
	color: white;
	mix-blend-mode: difference;
}

 

[A B A D A N 237]

متشکرم