Skip Navigation

[Resolved] 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.

No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

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)

This topic contains 1 reply, has 2 voices.

Last updated by Waqar 4 months ago.

Assisted by: Waqar.

Author
Posts
#2676458
20231228-1.png

Please refer to the added image.

#2676502

Waqar
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

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

This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.