Issue with Reset/Clear form button

Resolved isradlt
(@isradlt)

2 months, 3 weeks ago

Hello,

For the past few days, I’ve noticed that the button that previously worked to reset/clear the product options form in WooCommerce is no longer displaying text, and its size is very small. However, it does clear the form when clicked.

I’ve tried clearing caches, but the issue persists. I am using the latest versions of WordPress 6.7.1 and WooCommerce 9.5.1, as well as version 2.1.3 of Variation Swatches for WooCommerce.

https://ibb.co/sHdSJg4

Do you have any idea how to fix this?

Thanks in advance.

The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

Plugin Support fizanzvai
(@fizanzvai)

2 months, 3 weeks ago

Hi,

Thanks for reaching out to us.

Unfortunately, displaying the clear button is not a feature of our plugin, it is a feature of the WooCommerce itself.

Can you please temporarily deactivate our Swatches plugin and check whether it displays correctly or not?

Hope to hear from you soon.

Thank You

Thread Starter isradlt
(@isradlt)

2 months, 3 weeks ago

Hi,

Thank you for your suggestion. I’ve temporarily deactivated the Swatches plugin, and the behavior of the clear button in the form remains exactly the same.

View post on imgur.com

Do you have any ideas on what I could check in the WooCommerce settings? I haven’t changed anything recently, and it was working fine before.

Thanks again for your help!
Plugin Support fizanzvai
(@fizanzvai)

2 months, 3 weeks ago
Hi,

Perhaps recently WooCommerce changed the clear markup from <a> to <button>.

The style comes from the theme as they added CSS for the <button> markup.

You can try the following CSS at Appearance > Customize > Additional CSS
```
button.reset_variations {
    background-color: transparent !important;
    border: none;
    cursor: pointer;
}
```
Hope to hear from you soon.

Thank You
Thread Starter isradlt
(@isradlt)

2 months, 2 weeks ago
Great! I was able to resolve the issue by using your CSS code as a base and applying a few changes:
```
button.reset_variations {
    border: none;
    cursor: pointer;
    color: white !important;
}
```
View post on imgur.com

Thank you so much for your help!
Plugin Support fizanzvai
(@fizanzvai)

2 months, 2 weeks ago

Hi,

I am very glad that it helped you to achieve your goal.

If you found my support helpful, could you please leave your valuable feedback here: https://wordpress.org/support/plugin/woo-variation-swatches/reviews/

Your feedback keeps us inspired.

Thank You

Viewing 5 replies - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.