Angebot Feld von WooCommerce ausblenden

Hallo Community,
ich komme bei der Gestaltung unseres Shops nun schon seit Tagen nicht weiter.
Ich hätte gerne diesen Standart "Angebot"-Button von WooCommerce entfernt (siehe Bild). Dann sollten die Produkte
auch wieder schön bündig in einer Reihe stehen und nicht so verzerrt durch das "Angebots"feld.

Ich hatte es schon mit folgendem Custom CSS probiert:
.wc-block-grid__product-onsale,
.onsale,
.woocommerce-pagination .page-numbers li .page-numbers:not(.current) {
display: none;}

Allerdings bleiben dann noch Leerzeilen oder Absätze da stehen (siehe auch Bild).

Hat da einer einen Rat? Im WooCommerce selbst habe ich die Option vielleicht auch übersehen oder gibt es ein
Plugin welches das Problem selbst löst?

Ich freue mich auf eure Antworten.
Beste Grüße

 

sorry...ich verwende die aktuellste Version von Wordpress und vom Theme Storefront. Bei mir ist das Plugin GermanMarket installiert.

 

@mensmaximus
Danke für deine Antwort. Ich habe deinen Code in die functions.php am Ende eingefügt aber nix ist passiert leider.

 

@mensmaximus
Danke das du es ausprobiert hast....irgendwas verstehe ich dann aber noch nicht ganz. Kann ich dir meine funtions mal überlassen damit du da einen Blick drauf wirst?