"FREE" tag on product image & Always showing the cart on Product image

[slepinoy]

1) On this product page (for instance – URL below), the product is free or £5 (depending on variables). A small red tag shows on the product image and says “FREE”. I want to remove that “FREE” tag.
http://bbnewtesting.org.gridhosted.co.uk/product/how-she-did-it-building-a-business-raising-kids/

2) On a page like that (http://bbnewtesting.org.gridhosted.co.uk/product-category/parents-workspace/8-march/) or any page showing products, I would like the “Add to cart” and “Select options” icon to always show as an overlay on the product image: so users can click it.
I tried this: http://stackoverflow.com/questions/29377643/woocommerce-always-showing-add-to-cart-button-even-before-variation-is-selected
(i.e I added some code into functions.php) in the code editor of Atelier, but it did not change anything.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.free-badge{
display:none !important;
}
.product figure .cart-overlay{
opacity:1 !important;
}

Thanks
Mohammad

[slepinoy]

it works! thanks

[Kyle – SUPPORT]

Thanks Mohammad

– Kyle

[mickys]

On the same topic –

How can I remove the ‘select options’ icon from the product on category/shop page?

Thanks,

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.add_to_cart_button{
display:none !important;
}

Thanks
Mohammad

[mickys]

I added the CSS code but it seems to do nothing. The ‘select options’ button still appears on the category pages. May be I’m not adding the code correctly?

Can you please give more specific instructions on how to add the code. Or perhaps it was the wrong code?

Thanks

[Kyle – SUPPORT]

Add this to your custom css:

.product .cart-overlay .shop-actions {
  display: none;
}

– Kyle

[mickys]

Thanks it worked. But now I have a problem that I can’t get the QuickView icon to show. Are they linked? I mean is it possible that the code you gave me to add also hides the QuickView?
I want only the QuickView icon to appear on shop/category pages.

Thanks,

[David Martin – Support]

Yes, remove this:

.product .cart-overlay .shop-actions {
  display: none;
}

Replace with:

.product figure .cart-overlay a[class*="product_type"] {
    display: none;
}

Your login details are not working, please update if the issue persists.

Thanks.