Phoca Forum

Hello everyone,

the issue is the following: both product quantity text box and cart checkout quantity is not displayed at all.

The quantity number is hidden inside the text box (I can copy and paste its number, but this is not readable)

I attached both print screen:
https://www.cucinaespressa.it/caprese.jpg
https://www.cucinaespressa.it/cart_checkout.jpg

Is there a way to enlarge the text box and the font of the number inside it?

Thank you very much everyone!

Alex.

Hi, it is caused by template CSS which sets large padding for the input boxes, just see the form input in e.g. Google Chrome Web Development tool (F12) and change the padding to some lower value. This will solve the situation.

Anyway Phoca Cart is designed for Bootstrap3 templates, so the best way is to use some Bootstrap 3 ready template.

If you let me know the link, I can see it with development tool to get info about the class which adds large padding for the input.

Jan

Hi Jan, thank you for your precious help!!

I tried to give a lower padding value (classes form-control ph-input-quantity ph-input-sm I suppose....) inside template folder template.css, bootstrap-rtl.min.css and bootstrap.min.css, but I can't get the layout we wish.

I now enabled guest checkout, you can test it on https://www.cucinaespressa.it
ORDINA->Prodotti Menù
ORDINA->Carrello

Thank you very much again.

Alex

Hi Alex,

just give it a try:
as the preset4.css will be loaded at last, add above at the end.
(generally if it is helix, you should have a custom.css)

Kind regards
Christine

Hi Christine,

I added:

.form-inline .form-group .ph-input-quantity.ph-input-sm {
width: 48px;
height: 45px;
}

.form-inline .form-group .ph-input-quantity {
width: 48px;
height: 45px;
}

in my custom css code and now it looks great!!!! :-)

Thank you very much for your help!

Alex.

Hi Alex,

That's fine Thanks for your feedback.

Kind regards
Christine