Darstellung von Events

Ich stelle die Frage erst mal hier:

Ich habe wiederkehrende und einzelne Events. Die wiederkehrenden Events fangen alle vor den einmaligen an, deshalb werden sie grundsätzlich VOR den einmaligen gezeigt.

Auf der rechten Randleiste sollen aber nur die einmaligen Termine gezeigt werden, deshalb definiere ich meine einmaligen Termine als "hervorgehoben" und zeige rechts eben nur die hervorgehobenen Termine. Zunächst sah das alles ziemlich schreiend blau aus, deshalb habe ich den Hintergrund der hervorgehobenen Termine über den Customizer sanft grau eingefärbt, und das sieht auch schön aus. So möchte ich das haben.

Und so sieht das erst mal gut aus: https://dev1.dfgnrw.de/

Nun gibt es verschiedene Gruppen, und die haben wiederkehrende Termine, z.B. Stammtisch oder Lauftreff, sie sollen VOR den einzelnen Events der jeweiligen Gruppe gezeigt werden, und das funktioniert auch.

Hier ist das Beispiel: https://dev1.dfgnrw.de/bezirksgruppen/castrop-rauxel

Zunächst sieht man den "Lauftreff" und den "Finntreff" als wiederkehrende Termine, und darunter kommen dann die Einzeltermine, zart grau hinterlegt.

Aber jetzt habe ich rechts alles wieder in schreiend blau - wie kriege ich das nur wieder weg? Auf der rechten Randleiste sollen natürlich, so wie beim ersten Bild, die Termine auch zart grau hinterlegt sein.

Auch wenn ich beim Anfangsbild rechts "mehr anzeigen" klicke, wird alles blau.

Das ist nicht das Problem, CSS ist mir vertraut, aber ich weiß nicht genau, an wechen Knöpfen ich drehen muss. - Genau das habe ich gemacht: Design->Customizer. Allerdings scheine ich noch nicht alles erwischt zu haben. Allerdings möchte ich das Video in ganzer Größe sehen. Ah - jetzt habe ich's gefunden ...
Danke erst mal. Ich schau mir's an.

Ich war der Meinung, dass ich das mit Bordmitteln von WordPress einstellen kann. das Video zeigt jedoch recht einfach, was man mit extra-CSS tun kann. Aber das hilft mir in diesem Fall nicht.

Die falsche Darstellung tritt generell in der rechten Randleiste auf!

Ich zeig mal ausführlich, was ich meine:

So ist es richtig (Die einmaligen Termine sind grau hinterlegt): https://dev1.dfgnrw.de/

Quellcode:
<div class="type-tribe_events post-546 tribe-clearfix tribe-events-category-d tribe-events-category-versammlung tribe-events-venue-545 tribe-events-organizer-539 tribe-event-featured">
[...]
<a href="https://dev1.dfgnrw.de/event/jahresha…fg-duesseldorf/" rel="bookmark">Jahreshauptversammlung der DFG Düsseldorf</a>[...]
</div>

------------------------

So ist es falsch: (einmalige Termine blau hinterlegt, in der Mitte werden die Bochumer Termine korrekt angezeigt): https://dev1.dfgnrw.de/bezirksgruppen/bochum-witten

Quellcode:
<h2 class="tribe-events-title">
<div class="type-tribe_events post-546 tribe-clearfix tribe-events-category-d tribe-events-category-versammlung tribe-events-venue-545 tribe-events-organizer-539 tribe-event-featured">
[...]
</div>
<a href="https://dev1.dfgnrw.de/event/jahresha…fg-duesseldorf/" rel="bookmark">Jahreshauptversammlung der DFG Düsseldorf</a>
</h2>
[...]

-----------------------------------

Beide Quellcodes sind gleich, und doch werden sie verschieden dargestellt (ich kann auch die kompletten Codes posten, wenn das hilft). Die Klassen ist bereits spezialisiert auf die beiden Kategorien: "Versammlung" und "D" (für Düsseldorf. So einfach wie im Video scheint es nicht zu sein.

Bei den Veranstaltungen, die in der Mitte unten dargestellt werden, gibt es naturgemäß keinen Vergleich, sie sollten auch grau hinterlegt sein,und das ist hier richtig. Es ist also nur die Darstellung in der Mitte, und zwar nur in den Menüs "Bezirksgruppen" und "Partner & Freunde", bei den anderen Menüs it es richtig, aber da tauche die Termine auch nur in der rechten Randleiste auf. Das Problem ist also ziemlich klar eingrenzbar:
Wenn die Termine nur in der Randleiste auftauchen, sind sie grau, wenn sie auch in der Mitte auftauchen, sind sie da grau, aber in der Randleiste grün.

Ich habe jedenfalls einmal im Customizer festgelegt, dass mit zartem grau hinterlegt werden soll - vorher war alles blau hinterlegt, jetzt bekomme ich dieses merkwürdige Ergebnis, einmal grau, einmal blau.

Nein - ich wüsste nicht, wo ich anfassen soll. Laut Video muss ich einfach ein CSS-Schnipsel machen, das die betroffene Klasse überschreibt. Ich habe bereits ein Schnipselchen zu einem anderen Thema erfolgreich erstellt. Aber ich wüsste in diesem Fall überhaupt nicht, welche Klasse ich anfassen soll. Aber wenn du es weißt, dann sag es mir doch einfach. Ich habe oben die Beispiele gepostet und kann darin keinen Ansatzpunkt erkennen. Es geht um die hervorgehobenen Events auf dem rechten Sidebar. Ich habe ja einmal erfolgreich mit dem Customizer gearbeitet, komme aber nicht weiter.

Vielen Dank für diese auführliche Darstellung. Ich muss es ja auch verstehen.

Ich habe versucht, alles nachzuvollziehen, und ich habe jetzt folgendes gemacht:

Ich habe aus der "Unterschung" die relevanten Anweisungen hrausgesucht und mit der richtigen Farbe versehen, und dann folgendes zusätzliche CSS eingefügt:

/* ----------------------------
* Absichern, dass die Events nicht blau, sondern grau hinteregt werden
* -------------------------- */
.tribe-events-adv-list-widget .tribe-event-featured .tribe-mini-calendar-event, .tribe-mini-calendar-list-wrapper .tribe-event-featured .tribe-mini-calendar-event {
background: #f7f7f7 !important;
border: 0;
margin-bottom: 0;
padding-bottom: 16px;

}
... und dann natürlich "Veröffentlichen"

rechts neben dem Customizer ist meine Seite von Castrop-Rauxel - und übrigens sind jetzt alle Menüs rot hinterlegt, aber muss so so sein. Wenn ich jetzt anklicke: "Seite ansehen", dann habe ich genau das Ergebnis, das ich haben will.

Dann habe ich (mal gucken) auf Seite erneut laden geklickt - ich habe immer noch das Ergebnis!

Jetzt habe ich verschiedene Seiten ausprobiert - gut! Es ist der mindestens 5. Versuch, und immer hatte ich am Ende immer. Aber jetzt scheint es zu klappen! Ganz neu aufsetzen, Firefox beenden ... (natürlich dies hier nicht) - klappt.

Ich denke, in der gleichen Weise kann ich jetzt auch die etwas blassen Schriften bearbeiten.

Ein großer Schritt nach vorn! Ich ha'bs noch nicht zu 100% verstanden. Auf jeden Fall vielen Dank für die detaillierte Anleitung

Noch nicht!

Ich habe jetzt im Bearbeitungsmodus mit dem Customizer genau das Ergebnis, das ich habe möchte, aber wenn ich das in einem zweiten Reiter in Firefox ansehe, sehe ich zwar den schönen grauen Hintergrund, aber außer der Überschrift sind keine Angaben mehr zu sehen.

Verstehe ... das habe ich vermutet. Da die Schrift grsu ist, kann man sie natürlich nicht sehen ...
hat geklappt: Punkt am Anfang nicht vergessen, Kommas dazwischen, und ...!important.

So, jetzt habe ich noch ein bisschen rumgeCSSt. Was ich auch erkennen kann: Die Eigenschaften, die ich geändert haben, werden im Untersuchungsfenster eingetragen, und die ursprünglichen sind durchgestrichen.

Nun ist die Seite erst mal ziemlich genau so, wie ich sie haben will.

Danke für diesen kleinen, aber exzellenten Workshop :-)