• Resolved officialcreativex

    (@officialcreativex)


    How to get to the problem?

    Go to gamingphenoms.gg/ranking, scroll down to the “Sign Up” Button. You will be redirected to the Checkout immidiately. What you will see is this:

    A absolutely broken Credit Card field that is whyever styled through inline css…

    What I need

    I really have no clue how to fix that issue and urgently need help! I am loosing customers due to that styling issue. Good would be some CSS that would solve the issue…

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Syde Niklas

    (@niklasinpsyde)

    Hi @officialcreativex

    The syling of the card fields is usually handled by the theme.

    I suggest activating the Storefront theme or a default WordPress theme like Twenty Twenty Three to check if the behavior persists.

    If the fields are displayed correctly with these themes, I suggest contacting your theme developer to resolve this styling problem.
    If the problem persists with these themes, another plugin may mess with the fields.

    The Advanced Card Processing implements “hosted fields” that can be customized with CSS: https://woocommerce.com/document/woocommerce-paypal-payments/#customizing-hosted-fields

    I hope this helps!

    Kind regards,
    Niklas

    Plugin Support Syde Niklas

    (@niklasinpsyde)

    We have not heard back from you in a while, so I’m marking this thread as resolved.
    Hopefully, you were able to proceed as advised above.
    If you have any further questions, please feel free to reopen this topic or create a new one.

    Thanks!

    Thread Starter officialcreativex

    (@officialcreativex)

    Hello @niklasinpsyde. Actually it was the Theme breaking it. Arcane isn’t compatible sadly. Just so you know.

    Plugin Support Syde Niklas

    (@niklasinpsyde)

    Hi @officialcreativex

    If the theme breaks the card field styling, it should typically still be possible to mitigate these problems with custom CSS (as linked above).
    However, finding the right code that results in the fields matching your desired style may not be intuitive if the fields are all over the place. That’s why the theme developer is usually in the best position to ensure the theme CSS is not impacting hosted fields, which are mostly regular form fields (except the content is externally embedded).

    We don’t have a copy of the theme you mentioned, but if you could share it with us, we could at least perform a few tests to see if we can offer a potential workaround.
    But theme customizations are not something we can actively support as every theme may require some individualized solution, depending on the problem. So I cannot guarantee a solution, but if you are interested in checking it out further, you can send us a private message from here. If you do so, please include a link to this thread so we can keep track of it.

    Thank you!

    Kind regards,
    Niklas

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Advanced Card Payment Absolutely Broken CSS’ is closed to new replies.