Customize product block

https://willinglee.co/gifting-ideas

Hi there, I'm trying to remove the "quantity" but keep the "add to cart" CTA.

I'd also love to decrease the text size on the title, and decrease the button size. Any help appreciated 🙂

On 10/23/2022 at 5:13 AM, kindandbrave said:

https://willinglee.co/gifting-ideas

Hi there, I'm trying to remove the "quantity" but keep the "add to cart" CTA.

I'd also love to decrease the text size on the title, and decrease the button size. Any help appreciated 🙂

Try adding to Home > Desgin > Custom Css

.product-block .product-quantity-input {
  display: none;
}

.product-block .sqs-add-to-cart-button-inner {
  font-size: 10px;
}

.product-block .productDetails .product-title {
  font-size: 16px;
}

Support me by pressing 👍 if this useful for you

Thank you so much @bangank36 -- that worked!

On 10/25/2022 at 12:19 AM, Beyondspace said:

Try adding to Home > Desgin > Custom Css

.product-block .product-quantity-input {
  display: none;
}

.product-block .sqs-add-to-cart-button-inner {
  font-size: 10px;
}

.product-block .productDetails .product-title {
  font-size: 16px;
}

Support me by pressing 👍 if this useful for you

Hi there, 

Thanks for the code above. I am looking to have the button to stretch to the size of the product block. Currently it is a fixed width. I tried different ways (below) and it doesnt work. Could you please shed some light on how I can have the width of the button to match the width of the product block? Thanks in advance!

.product-block .sqs-add-to-cart-button-inner {
  width: inherit;
}

.product-block .sqs-add-to-cart-button-inner {
  width: 100%;
}

On 7/6/2023 at 1:44 PM, Dilon said:

Hi there, 

Thanks for the code above. I am looking to have the button to stretch to the size of the product block. Currently it is a fixed width. I tried different ways (below) and it doesnt work. Could you please shed some light on how I can have the width of the button to match the width of the product block? Thanks in advance!

.product-block .sqs-add-to-cart-button-inner {
  width: inherit;
}

.product-block .sqs-add-to-cart-button-inner {
  width: 100%;
}

Can you share link to page where you use product block? We can check easier