Bugs on checkout page.

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;
}