Wie behebt man Transparenz in Produkt-Slidern / vorgestellten Produkten auf der Startseite?

Wie in der Abbildung unten gezeigt, hoffe ich, dass mir jemand sagen kann, wie man die Transparenz der Produktboxen beheben kann.

Ich benutze Avada. Ich habe den Standard-Woocommerce-Shortcode verwendet, um die “featured products” auf die Homepage zu setzen. Aber wenn ich den Container für den Shortcode transparent mache, ist ein Teil der Produktbox auch transparent?

Jede Hilfe wird geschätzt.

Danke, Reed

Bildbeschreibung hier eingeben

Solutions Collecting From Web of "Wie behebt man Transparenz in Produkt-Slidern / vorgestellten Produkten auf der Startseite?"

Sie müssen nur eine weiße Hintergrundfarbe (#FFFFFF) auf den Schieberegler anwenden, da diese standardmäßig eine transparente Hintergrundfarbe hat .

Bitte benutzen Sie unten CSS

.owl-item { background-color: #FFFFFF; } 

Bitte beachten Sie, dass dies am unteren Rand platziert werden sollte, damit es eine hohe Priorität hat.

Wenn es nicht funktioniert, können Sie bitte einen Link zu Ihrer Seite angeben?

Vielen Dank.

Finden Sie die class heraus, in die Sie eine Hintergrundfarbe einfügen möchten. Sie können es von Inspect Elements herausfinden. Dann finden Sie heraus Elternklasse oder ID, im Falle, wenn es andere Teile der Website beeinflussen.

Dann setzen Sie CSS in Kind Thema von Avada oder benutzerdefinierte CSS von Thema Option wie

.featured-class .Ihre class {background-color: #FFFFFF; }

Das ist alles, wenn Sie immer noch Probleme haben, senden Sie mir Ihre Web-URL.

Prost