Okay
  Public Ticket #3710054
Checkout - payment boxes are not being displayed
Closed

Comments

  • rafalbig started the conversation

    Hello Support Team,

    I've been strugling with payment boxes which were not displaying descriptions.

    Default theme style sheets are preventing paymentboxes from being displayed. On my website I have three payment options:
    - Przelew bankowy

    - Tpay.com

    - Karta kredytowa/debetowa

    When you select one of above payment type nothing happens - see attached "nothing_happens.png".

    I checked Chrome dev tools and noticed CSS rule:

      form.woocommerce-checkout  .n-checkout-totals  .wc_payment_methods  .payment_box {  display: none !important;
    }

    When I disabled this rule in Chrome dev tools (see attached disabled_rule.png) out of sudden payment boxes started to work as expected!

    The question is: how can I remove/disable this rule so that payment boxes are available for the user? Does it require some css file modification (looks like this CSS rule is located in Akko theme folder: https://agatahoffa.com/wp-content/themes/akko/style.css?ver=4fd62b14f3dfa4f2e0d78727f9739afa)?


    Thank you in advance for help in solving this urgent issue. Many thanks!

    Attached files:  nothing_happens.png
      disabled_rule.png

  •  933
    Neuron replied

    Hi,

    Can you please provide me with your wp-admin, I will have a quick look to see what's going on.

    Feel free to ask for anything you need.

    Kind Regards


  •   rafalbig replied privately
  •  933
    Neuron replied

    Hi,

    I am very sorry for the late reply, we were not working on the weekend.

    I've just fixed the issue by adding the following CSS at Elementor's Site Settings > Custom CSS, can you please take a look at your site now?

    .woocommerce-checkout #payment div.payment_box {
        display: block !important;
    }

    Feel free to ask for anything you need.

    Kind Regards


  • rafalbig replied

    Hi Neuron Support,

    Thanks for your help! This solves my problem partially. I mean when CSS rule is applied then all payment boxes are visible which is not ideal. In ideal world payment box for selected payment type should be displayed - other payment boxes should not be visible. Please see what happended when I manually disabled CSS rule via Google Chrome Dev Tools:  disabled_rule.png (file disabled_rule.png was atached to my first post/ticket) - only one payment boxis being displayed - that is ideal situation. Hence I was wondering if there is a way to update CSS styles that come with the template and manualy comment out or delete CSS rule that is responsible for hidding payment boxes?

    My guess is that below rule should be deleted/commented out - but I don't know where to look for it:

      form.woocommerce-checkout  .n-checkout-totals  .wc_payment_methods  .payment_box {  display: none !important;
    }

    Thanks in advance for your help!

  •  933
    Neuron replied

    Hi,

    I am very sorry for the late reply, we were not working on the weekend.

    I've led the issue to the dev team and will get back to you as soon as possible.

    Feel free to ask for anything you need.

    Kind Regards