WooCommerce ArtikelSlider – Element / Spalten-Problem

Servus zusammen,

ich tue mir gerade etwas schwer mit dem WooCommerce ArtikelSlider und hoffe euer großartiger Support kann mir weiterhelfen 🙂

Derzeit entwickle ich die Seite lokal, daher kann ich euch keinen Link schicken, ich versuche es mal so ^^

Ich habe dieses Element gebaut:
https://ibb.co/BzY7Qwh

Es soll aber so aussehen:
https://ibb.co/Smh4Mkv

Es besteht aus einem WooCommerce-Artikelslider innerhalb eines 3/4-Spalten-Widgets & einem Text-Block innerhalb eines 1/4-Spalte-Widgets.

Probleme & Fragen:

• warum kann ich den Text “News” nicht mit dem css vertical-align in der Mitte des Elements zentrieren?
• wie entferne ich den restlichen Abstand zwischen den einzelnen Artikeln??
• wie strecke ich die 4 Spalten über die gesamte Bildschirmbreite??
• wie kann ich die Preise der Artikel entfernen? Habe dazu nur das Plugin Catalog Mode von YITH gefunden.?
• wie kann ich die Titel der Artikel als “Banderole” über dem Artikelbild statt darunter anzeigen??
• wie schaffe ich es, dass das News-Element neben dem Artikelslider die selbe Höhe hat, wie die Produktbilder??

Hier noch ein paar Zusatzinfos:

Demo https://kriesi.at/themes/enfold-shop/ wird als Basis verwendet.

Aufbau des Elements:

• Text-Block mit Text “NEWS” -> liegt innerhalb einer 1/4 Spalte -> die Spalte hat die Klasse “news”
• Artikelslider 3-spaltig, Abstände zwischen den Produkten -> liegt innerhalb einer 3/4 Spalte -> Option “keine Abstände” bereits gewählt

Quick-CSS:

.news {
  animation: change 5s infinite;
}

@keyframes change {
  0% {
    color: #ff6600;
    background-color: #e6e6e6;
  }
  50% {
    color: #e6e6e6;
    background-color: #ff6600;
  }
  100% {
    color: #ff6600;
    background-color: #e6e6e6;
  }
}

/NEWS-Element | vertikal zentriert/

.news {
vertical-align: middle;
}

Vielen vielen Dank schonmal für eure Hilfe 🙂

LG,
Chris