The + - sign for add to cart is visible outside rather than inside.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	-
-	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	-

Supporter timezone: Asia/Karachi (GMT+05:00)

Tagged: Content Templates, How to build a site with Toolset, Toolset Blocks, Views plugin, WooCommerce

This topic contains 1 reply, has 2 voices.

Last updated by Waqar 12 months ago.

Assisted by: Waqar.

Author

Posts

December 28, 2023 at 5:35 am #2676458

chelhwanS

Please refer to the added image.

December 28, 2023 at 12:38 pm #2676502

Waqar

Hi,

Thank you for contacting us and I'd be happy to assist.

Looks like styles from the WooCommerce, theme and Toolset are interfering with each other.

You can include the following custom CSS code at WP Admin -> Appearance -> Customize -> Additional CSS, to fix this:


.woocommerce-js .quantity .minus, .woocommerce-js .quantity .plus {
    display: inline-block !important;
    margin: 0% !important;
    text-align: center;
    vertical-align: middle !important;
    line-height: 2em !important;
    border: 1px solid var(--ast-border-color) !important;
}

.woocommerce [data-woocommerce-views-add-to-cart] form.cart.wooviews-template-quantity-button input[type="number"] {
    margin: 0px -4px;
}

.woocommerce div.product [data-woocommerce-views-add-to-cart] form.cart .wooviews-template-quantity {
    margin-right: 15px;
}

I hope this helps and please let me know if you need further assistance.

regards,
Waqar