Return to previous page

Quantity size – single product page builder

This topic has 6 replies, 2 voices, and was last updated 4 years, 2 months ago ago by Olga Barlow

TheOne

Participant

August 19, 2020 at 15:46

Hello,

I can’t find a solution how to increase the size of quantity box (in single page builder).

Can you please advise?

http://shrani.si/f/14/ks/2H7URAlA/qq.jpg

#248550 Copied Theme version: 6.3.9.3

5 Answers

Olga Barlow

Support staff

August 19, 2020 at 16:24

Hello,

Could you, please, provide us with a link to your single product? Also, tell me if you want to increase width or height of the q-ty or both?

Regards

#248567 Copied
TheOne

Participant

August 19, 2020 at 17:21
Hello,

Thank you for the quick reply. Credentials in private.
I want to increase both, so it matches the “buy now” button.
I did it like this:
```
.quantity-wrapper input.input-text {
    width: 50px;
    text-align: center;
    height: 50px;
    background-color: transparent;
    padding: 0px;
}
```
And then for the number in the field:
```
input[type="number"] {
    -moz-appearance: textfield;
    font-size: 1.5rem;
}
```
But i don’t get it horizontaly alligned with the “buy now” button.

Please contact administrator
for this information.
#248591 Copied
Olga Barlow

Support staff

August 20, 2020 at 11:51

Hello,

Provide us with the correct link to your Dashboard because we don’t get the login form https://gyazo.com/e3e4992572ac1167d4a76faf8b8d96df

Regards

#248680 Copied

TheOne

Participant

August 24, 2020 at 17:37

This is strange. I also got a 404 (copy-paste the link from here) but when i type it manualy it works – please try it.

#249081 Copied
Olga Barlow

Support staff

August 26, 2020 at 12:28
Hello,

Use the below custom code to change the width/height/font-size of the q-ty on the single product page
```
.et_product-block .cart .quantity, .et_product-block .quantity-wrapper {
    height: 50px;
}
.et_product-block .quantity-wrapper input.input-text {
    width:50px;
    font-size: 1.5rem;
}
```
Regards
#249385 Copied
Viewing 6 results - 1 through 6 (of 6 total)