Jump to content

Change size of Quantity Input button

Recommended Posts

2 hours ago, TOM75008 said:

Perfect! Thanks for your help.

I added a button below ADD TO CART BUTTON( AJOUTER AU PANIER) .

Do you know how I can reduce space between those two buttons?

Add to Home > design > Custom CSS

.product-block {
    padding-bottom: 0;
}
.button-block {
    padding-top: 0;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
2 hours ago, TOM75008 said:

Also how can I give  the same size and aspects for both ADD TO CARD button and the button I added below?

https://www.bodycheri.com/

Password: button

[data-section-id="5e721e55ce364a54aeaadc83"] .button-block a {
    width: 200px;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 9 months later...
On 2/17/2021 at 5:05 AM, celmir said:

And while you're add it would be lovely if you can also let me know how you can make the space between price and size smaller on mobile only. Would be such a great help!! Thank you in advance 

IMG_3623.jpg

Can you share link to product in screenshot? We can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 years later...

Hi @tuanphan

I have a question, attached a few pictures. I want to change the number size in the quantity section on my product page, but even with the CSS code written here above it won't work. 
Can you please tell me what I'm doing wrong? Your input on this forum is great, thanks for sharing your knowledge already! 

 

Schermafbeelding 2024-01-30 121306.png

Schermafbeelding 2024-01-30 121313.png

Edited by PocketWiFi-Amsterdam
Link to comment
On 1/30/2024 at 6:15 PM, PocketWiFi-Amsterdam said:

Hi @tuanphan

I have a question, attached a few pictures. I want to change the number size in the quantity section on my product page, but even with the CSS code written here above it won't work. 
Can you please tell me what I'm doing wrong? Your input on this forum is great, thanks for sharing your knowledge already! 

 

Schermafbeelding 2024-01-30 121306.png

Schermafbeelding 2024-01-30 121313.png

Try this CSS code, if it doesn't work, you can share link to a product on your site, we can check easier

.product-quantity-input input {
    font-size: 30px !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.