Remove Free text on product thumbnails

[frankjenex]

I am working on new version of our site in the staging environment (WPEngine is our host). I want to remove the Free! badge on product thumbnails in ‘Product Category’ pages -and- in ‘Related Products’ at bottom or product page. We use ‘Gravity Forms’ and ‘Gravity Forms Product Add-ons’ plugins to help build our pricing calculations and have “Start Order” set to show “Before Price” (which is shown in the attachment). We would like to keep ‘Start Order’ and remove ‘Free!’ but if necessary/easier to remove both, that is fine. We just cannot have ‘Free!’ showing up.

I read through your support forums and added this custom css – but doesn’t seem to be working (see attachment and txt below). We are using ‘Gravity Forms’ and ‘Gravity Forms Product Add-ons’ plugins to help build our pricing calculations.

Thanks. here is what we have for custom css.

– – – – – –
.free-badge{display:none;}

.product-price-wrap {
margin-bottom: 0px;
}

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.products.multi-masonry-items .product .shop-actions .price-link {
    display: none !important;
}

Thanks
Mohammad

[frankjenex]

Thanks for this. It worked on the Category page, but ‘Related Products’ on a product page still shows up ‘Start Order Free!”.
Can we remove it here as well?

Thank you very much-
-Frank

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.single-product ul.products li.product .price, .woocommerce div.product p.price {
   display: none !important;
}

Thanks
Mohammad

[frankjenex]

Thanks Mohammad –
i included both of the pieces of custom css you gave me for this (pasted below)
Is it also possible to remove the ‘Add to Cart’ and ‘Add to Wishlist’ buttons on Related Product thumbnails (on product pages). Since we are using Gravity Forms, the add to cart button shows a bit of ‘Select Options’

Here is the 2 pieces of custom css pertaining to this topic.
——————————————
.free-badge{display:none;}
.products .product figure figcaption .thumb-info h6, .products .product figure figcaption .thumb-info .gm-hover-price-wrap {
display: none;
}
.products.multi-masonry-items .product .shop-actions .price-link {
display: none;
}
.woocommerce .products .product .price, .woocommerce ul.products li.product .price, .woocommerce div.product p.price {
display: none;
}
——————————————

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code also:-

.related-products .product figure:hover .cart-overlay{
opacity:0 !important;
}

Thanks
Mohammad

[frankjenex]

That worked. Thanks so much – i appreciate everything you guys do!
-Frank

[Mohammad – SUPPORT]

Hi,
Glad to help you.
Thanks
Mohammad