Support » Theme: OceanWP » Bugs on checkout page.

  • Resolved minhalmanjee

    (@minhalmanjee)


    1. State/Country dropdown is not appearing unless it is hovered.
    2. Payment method while selection changed the background to same of text colour therefore the text is not readable for the user.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • 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.

    Thread Starter minhalmanjee

    (@minhalmanjee)

    @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;
    }
    Thread Starter minhalmanjee

    (@minhalmanjee)

    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.

    Thread Starter minhalmanjee

    (@minhalmanjee)

    @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;
    }
Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Bugs on checkout page.’ is closed to new replies.