Hide “select options” element under the product thumbnail

Hi there,

Thank you for reaching out!

Would appreciate your help. So, when you point the mouse on the product, under the thumbnail usually appears “select options” or similar ad. I managed to hide with css from variables using as below, but it still remains the horizontal line which appears when you point the mouse, how do I rmeove it?

With WooCommerce and the default Storefront theme, there’s no such black line or pop-up on hover:

https://d.pr/i/UKTXDx

It looks like the styling of these elements is overridden by your theme.

Since the on-hover pop-ups you’re trying to get rid of are not added by WooCommerce plugin itself – please reach out to the support team of your theme for assistance with the styling.

Also the code below did not remove the appearing add on single product, how can I solve this?

/* Hide ‘Select options’ button from categories page */
.woocommerce .products .product_type_variable {
display: none !important;
}

The code you’ve used specifically targets variable products:

.product_type_variable

CSS is usually site-specific and you may want to find a CSS selector which controls both simple and variable products:

https://dailypost.wordpress.com/2013/07/25/css-selectors/

I hope this helps!

Hi there,

We haven’t heard from you in a while so I’ll be marking this thread as resolved.

Feel free to open a new thread and link to this one if you have further questions though.

Have a wonderful day ahead!