Tagged: , ,

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #14735

    Hi,

    I’ve noticed that after updating woocommerce, my checkout form isn’t formatting correctly. The “Company Name” edit boxes are under other edit boxes, and the country drop down lists are also on top of something else. To see what is happening, visit http://kitticraft.com/shop/.

    Please assist.

    Thanks in advance,

    Lawrence

    #84693

    I have the same issue

    #84694

    Same thing here, just looking to post the question. Appreciate the help.

    #84695

    Exact same problem here, plz help.

    Thanks in advance

    #84696

    Hello,

    Try this on your custom.css

    .form-row {
    clear: right;
    }

    .avia_select_fake_val {
    display: none;
    }

    You can visit this thread. http://www.kriesi.at/support/topic/checkout-page-not-displaying-properly

    Regards,

    Ismael

    #84697

    Hi Ismael

    Thanks, you are great :-)

    From another post I just found the below, which we also need, so the con-tense of our sidemenu will “stay on top”

    .container .clear {

    clear: none;

    }

    Will you be able to tell me, “the last code” I hope, that will make the selection box nice to look at

    http://shop.jed.dk/index.php/shop/3cx-licens-valg/3cx-telefonsystem/

    Thanks in advance

    /Jesper

    #84698

    Hello,

    Do you mean the dropdown with the gray background? I think you can do this

    #top .variations select {
    min-width: 150px;
    }

    Regards,

    Ismael

    #84699

    Hello Ismael

    Yes, that is the one…

    It looks much better now, as I can see the selection arrows.. I will have to play a little with the PX, but I think the #top code will work for me..

    Thanks a lot for your help :-)

    /Jesper

    #84700

    Hey Jesper,

    No problem. :)

    Regards,

    Ismael

    #84701

    Thanks Ismael,

    Everything is formatting correctly now.

    Regards,

    Lawrence

    #84702

    Hi Lawrence,

    Glad that worked for you! If you have any issues with other dropdowns not working correctly, you might need to limit the avia fake css to only the checkout page with:

    #top.woocomerce-checkout .avia_select_fake_val {
    display: none;
    }

    You can just replace the other one with that so that it doesn’t accidentally cause issues other places :)

    Regards,

    Devin

    #84703

    I’ve installed each of the additions listed above and still seem to be experiencing issues in the country and state dropdowns. Could you please take a look? http://www.defenselawyerwatchdog.com/shop/

    Great appreciation for all that you guys do.

    #84704

    Hi,

    This should do the trick @Scout

    #top.woocomerce-checkout .avia_select_fake_val {
    display: none;
    }

    Remove cache and reload page.

    Cheers,

    Ismael

    #84705

    Hi, I’ve tried all of the above suggestions, but still experimenting issues with country dropdown on checkout page. Please help me to resolve the problem:

    http://www.nycandlefactory.com/checkout

    Thanks

    #84706

    Hi annanewide,

    I just checked it and it seems to have no problem. Try clearing the browser cache and check again.

    Regards,

    Ismael

Viewing 15 posts - 1 through 15 (of 15 total)

The topic ‘Checkout Form Layout issues’ is closed to new replies.