Hiding pricing using custom css

Hi all, I have managed to hide the price appearing on my product page with the following code inserted into my custom css on the theme I am using.

.single-product .single_variation_wrap .price {
display: none;
}

Works like a a charm.
https://www.onestopbannershop.co.uk/product/triple-layer-business-cards/

However when I view the overall products via the product category view the price also appears there . Is there a little css work around I can use to hide the price there too?

Would very much like to hide the price on this page as well as it’s n/a for me:
https://www.onestopbannershop.co.uk/product-category/business-cards/

Someone did suggested I try this:

.woocommerce .price,
.woocommerce-page .price {
display: none;
}

However it had no effect. The reason I would like to hide my prices is they are defined by a product options plugin and not woo commerce it’s self. Tia!

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