HI,
1. That is not a bu, that is the issue with the color that you have set.
Please try to add the below CSS code from the Appearance > Customize > Custom CSS, and check.
.select2-dropdown .select2-results__option {
color: #000;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
color: #fff;
}
2. please share a snapshot for the second issue.
@abhikr781
Thanks a lot, sir.
This code works perfectly fine.
For the second issue, below is the link where you can visualise:
https://screenrec.com/share/hmPTu8lodJ
Hi,
You are most welcome!
Please try to add the below CSS code to fix the issue.
.wc_payment_methods.payment_methods.methods>li>label:hover {
color: #000;
}
Hey,
@abhikr781
Thankyou for the code. I tried pasting it in custom css but there is no consequent effect.
Would you be so kind to share another piece of code or if there is any other way to sort it out, we can do it.
Hi @minhalmanjee
Tried checking but that code not seems added, please try to clear the cache, and if the above code doesn’t work try the below CSS code and check.
.wc_payment_methods.payment_methods.methods>li>label:hover {
color: #000 !important;
}
Or go to Appearance > Customize > Woocommerce > Advance styling, scroll down and go to the checkout section, here you can change the hover link color or do the color customization as per you need.
Let us know if it is helpful.
@abhikr781
man you are a genius.
the cache was the real problem.
Everything is working fine now, just last of all problems remaining.
I request you to view it on the link below.
Willing to make changes such that options in dropdown have a visible text.
https://screenrec.com/share/ZFH01RAstl
Thank you😊
Please try the below code and check.
select.orderby.hasCustomSelect>option {
color: #000;
}