Phoca Forum

Hello, I saw this topic in another place but decided to make a new once since it had not been resolved in the other post.
In product view, when trying to add quantity of an item, the numeric value seems to be entered but it is not visual so it creates a lot of confusion about if you have already put something in the field or not. Also selecting the number by dragging the mouse in the field does not seem to be possible... to highlight it.

https://imgur.com/7bY7lNd

The above picture shows a newly refreshed page with no entry in the field.

https://imgur.com/pb359ck

The above picture shows the field when a number has been entered into the field.

It would be great to get some help on this :)

Hi,
like described in other posts, this can be related to template CSS which add too much padding for the form field.

So, check the padding of form fields, e.g. per google devtools and try to set some smaller size for the padding value for the form fields.

Jan

Hi,
Yes you are right... sorry - misunderstood the previous post.
Just if this might help someone out, I added this to my custom.css file:

.form-inline .form-group .ph-input-quantity {
padding-left: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-top: 2px;
}

Probably different depending on templates but I guess the general idea would be the same. The previous padding was 16 :)

Everything looks much better now. Thanks again.

Hi, great to hear it, thank you for sharing your code.

Jan

Sponni wrote: ↑23 Oct 2020, 00:19 Hi,
Yes you are right... sorry - misunderstood the previous post.
Just if this might help someone out, I added this to my custom.css file:

.form-inline .form-group .ph-input-quantity {
padding-left: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-top: 2px;
}

Hi. A question from a newbie. Where i can find the custom.css file ?
Do you refer about the template or the phoca component?

Thank you!

Hi. A question from a newbie. Where i can find the custom.css file ?
Do you refer about the template or the phoca component?

Thank you!

you create this file yourself and write the code as you need