Checkout Form Layout issues « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Abundance

Checkout Form Layout issues

15 posts from 8 voices

Started 9 months ago by kitticraft
Latest reply from Ismael
This topic is resolved

Tags:

kitticraft
Member

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

Posted 9 months ago #
cebsousa
Member

I have the same issue

Posted 9 months ago #
boundlessdata
Member

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

Posted 9 months ago #
jesperd
Member

Exact same problem here, plz help.

Thanks in advance

Posted 9 months ago #
Ismael
Moderator
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
Posted 9 months ago #
jesperd
Member

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

Posted 9 months ago #
Ismael
Moderator
Hello,

Do you mean the dropdown with the gray background? I think you can do this
```
#top .variations select {
min-width: 150px;
}
```
Regards,
Ismael
Posted 9 months ago #
jesperd
Member

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

Posted 9 months ago #
Ismael
Moderator

Hey Jesper,

No problem. :)

Regards,
Ismael

Posted 9 months ago #
kitticraft
Member

Thanks Ismael,

Everything is formatting correctly now.

Regards,
Lawrence

Posted 9 months ago #
Devin
Moderator
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
Posted 9 months ago #
ScoutCollective
Member

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.

Posted 9 months ago #
Ismael
Moderator
Hi,

This should do the trick @Scout
```
#top.woocomerce-checkout .avia_select_fake_val {
display: none;
}
```
Remove cache and reload page.

Cheers,
Ismael
Posted 9 months ago #
annanewidea
Member

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

Posted 1 month ago #
Ismael
Moderator

Hi annanewide,

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

Regards,
Ismael

Posted 1 month ago #