Okay
  Public Ticket #2655364
CSS of Checkout Form needs a fix!?
Closed

Comments

  • Dirk started the conversation

    Hello

    we see an issue with the checkout form. The shipping method radio input elements are not working in some Browsers (Safari, Chrome on Mac). It is not possible to activate the input radio element.  

    If you look into 

    /lusion/assets/css/theme.min.css?ver=5.6 line 35840

    There you use "before" to overwrite the default form element. 

    .woocommerce ul#shipping_method li input:before {
        content: '';
        border: 1px solid #000;
        height: 13px;
        width: 13px;
        position: absolute;
        border-radius: 50%;
        background:#f2f2f2
    }

    This is not working as expected. Same with the "after" in Line 35850 of /lusion/assets/css/theme.min.css

    .woocommerce ul#shipping_method li input:checked:after {
    content: '';
    background: #000;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    left: 3px;
    }

    We have removed the "content" in the "before" and "after" part of your CSS file. Now the radio element is working in all our browsers.

    Can you please have a look and update the theme?!

    Thank you,

    Dirk



  •  608
    WordPress replied

    Hello,

    We fixed that problem with version on ThemeForest. You can try check on demo.


  • Dirk replied

    Seems to be fixed now!

    Thank you