Top Responsive | Container per Pseudoklasse einfärben | Problem sind die Schrägen

Hallo Zusammen,
ich verwende folgendes CSS im Attribut "additional_css", um Containern auf einer Seite abwechselnde Hintergrundfarben zu geben:

<style>
.zpContainer.zpBreakout:nth-child(2n+1){background-color: lime; }
</style>

Das klappt soweit auch, nur hat das Layout Top Responsive eine sexy Besonderheit: Das Anschrägen der Container. Im Layout-Editor zu finden bei Allgemein / Design / Schrägen: an
Das angegebene CSS lässt diese Schrägen beim Einfärben leider außen vor. Die behalten die Hintergrundfarbe der Seite, so daß alles wieder stramm waagerecht geteilt erscheint.

Wie muß ich den Selektor formulieren, damit die Schrägen auch gefärbt werden? Hat jemand eine Idee? Wäre toll.

Viele Grüße und Danke, Jochen

Zeta Producer 15.0.1.0, ZP15B, 22.05.2019 14:44:52

Layout: Top Responsive $Id: default.html 73803 2019-03-07 09:50:04Z sseiz

Vielen Dank für Ihre Antwort.

Das mache ich bisher über die Darstellungsoptionen (Die neue Seitenleiste macht das sehr viel leichter. Klasse Neuerung!). Auf die Schrägen kann ich nicht verzichten, die ziehen sich durch bis in die Plakatwerbung https://www.kuta-rauenthal.de

Unangenehm ist nur, dass sich die Inhalte mancher Seiten öfters ändern. Kommt ein neuer Container dazu oder verschwindet einer, muss ich darunter den Farbrhythmus immer einzelweise von Hand korrigieren. Ist nicht schlimm, werde ich weiter so machen. Also nur der Vollständigkeit halber:

In den Developer-Tools bin ich daran hängengeblieben, dass die background-color inline über eine ID zugeordnet wird z.B. #container_442. Macht ja Sinn, über Klassen lassen sich keine einzelnen Container adressieren. Mich hätte jetzt interessiert, ob und wie data-zpeleel als Selektor im eigenen CSS nutzbar ist.

Wie gesagt, wäre aus Freude an der Sache gewesen und aus Freude am Zeta Producer (bin seit ca. Version 8 dabei, bestes CMS weit und breit). Das führt aber hier im Forum wohl zu weit.

Hab's hingekriegt. Automatisches Einfärben von Containern. Poste die Lösung hier, falls mal jemand im Forum hier so was sucht. Gilt für das Layout Top Responsive.

</style>
.styled:nth-child(2n+1)::before, .styled:nth-child(2n+1)::after {background-color: #ECDC88 !important; }
.zpContainer.jscc.styled::before, .zpContainer.jscc.styled::after {background-color: inherit !important; }
</style>

Erste Zeile: Die Schrägen werden im Original-Design über die Klasse styled getriggert. Die wird einem Container zugeordnet, sobald oben in der Darstellung Hintergrundfarbe etc. manuell eingestellt werden. Für das eigene CSS reicht es, diese Klasse im Feld CSS-Klasse: einzutragen, um die Schrägen mitzunehmen bei der automatischen Einfärbung

Zweite Zeile: Die eigene Klasse jscc dient dazu, Ausnahmen zu ermöglichen, im Bild der rote Container. Es hebt die erste Zeile auf und lässt die Farb-Einstellung oben in der Darstellungsoption in der CSS-Kaskade durch.

Eine Frage an die Moderatoren hier im Forum: Wo sind denn solche Themen wie meine Eingangsfrage gut aufgehoben? Besser im Entwicklerforum vielleicht?

Der Anlass meiner Frage: Ich bemühe mich, das Problem transparent zu beschreiben und auch zu zeigen, dass ich vor dem Posting selbst versucht habe, eine Lösung zu finden. Nur sind die Antworten tendenziell so, als hätte ich nach der Bedienung von Zeta Producer gefragt. Zitat "wenn Sie das einfach über die Darstellungs-Optionen machen". Nicht falsch verstehen bitte, ich will Ihnen mit diesem Zitat nicht zu nahe treten, Sie haben bestimmt alle Hände voll zu tun und Sie machen einen hervorragenden Job. Ich bin dann einfach nur enttäuscht und denke, ein Hinweis in der Art "schauen Sie sich mal die Klasse styled an" hätte mir doch schon weitergeholfen.

Lange Rede: Ich liebe den Zeta Producer und wertschätze das Forum hier. Nur, stören will ich auch nicht oder das Gefühl haben, den Support mit unangebrachten Fragen zu belätschern.

Ich würde mich freuen, von Ihnen zu hören. Danke.

Hallo Hanabi,

danke für die freundliche Antwort und auch für's Verschieben dieses Posts.

Dann bewege ich mich künftig in der Plauderecke, die hatte ich tatsächlich nicht auf dem Radar.

Beste Grüße, Jochen