Bei Veranstaltungen sehen meine Kaufen-Buttons anders aus

Die Einstellungen deines Button-Layouts über das Backend "Design" > "Theme Customizer" > "Buttons" > Buttonstyle bzw. Hoverstyle greifen innerhalb der Tabellen für Veranstaltungskäufe nicht. Das passiert, weil DIVI auf die Elemente nicht mit der richtigen Variablen zugreifen kann und daher werden standardmäßig graue Buttons angezeigt.

AUTOMATISCH GENERIERTES INHALTSVERZEICHNISS

Welche Buttons gibt es bei Veranstaltungsverkäufen?

Es gibt bei Ticketverkäufen für Veranstaltungen drei verschiedene Buttons. "In den Warenkorb", "Teilnehmerinformationen speichern" und "Zur Kasse". Button 2 und 3 findest du aber nur auf der Teilnehmer-Registrierungsseite (dies ist optional, also nur sichtbar, wenn bei einem Ticket die Option Teilnehmerinformationen genutzt wird).

Optionale Buttons: "Teilnehmerinformationen speichern" und "Zur Kasse"

Wie lege ich für die grauen Buttons andere Farben fest?

HINWEIS:

Folgend erhältst du die CSS-Codes, die du dafür verwenden kannst, die Farbe zu verändern. Binde diese Codes über "Design" > "Theme Optionen" > "Eigene CSS" ein und speichere deine Änderungen.

Wie lege ich nur für den "In den Warenkorb"-Button eine andere Farbe fest?

.eddtickets-add button.tribe-button {
background-color: #ffbb00;
border: 1px solid #ffbb00;
color: #ffffff;
}
.eddtickets-add button.tribe-button:hover {
background-color: #ffbb00;
border: 1px solid #ffbb00;
color: #ffffff;
}

Wie lege ich nur für den "Teilnehmerinformationen speichern"-Button eine andere Farbe fest?

.tribe-block__tickets__registration__event button[type="submit"] {
background-color: #ffbb00;
border: 1px solid #ffbb00;
border-radius: 4px;
color: #ffffff;
padding: 6px 12px;
}
.tribe-block__tickets__registration__event button[type="submit"]:hover {
cursor: pointer;
background-color: #ffbb00;
border: 1px solid #ffbb00;
color: #ffffff;
}

Wie lege ich nur für den "Zur Kasse"-Button eine andere Farbe fest?

.tribe-block__tickets__registration__checkout button[type="submit"] {
background-color: #ffbb00;
border: 1px solid #ffbb00;
border-radius: 4px;
color: #ffffff;
padding: 6px 12px;
}
.tribe-block__tickets__registration__checkout button[type="submit"]:hover {
cursor: pointer;
background-color: #ffbb00;
border: 1px solid #ffbb00;
color: #ffffff;
}

Wie lege ich für alle drei Buttons gleichzeitig eine andere Farbe fest?

.eddtickets-add button.tribe-button,
.tribe-block__tickets__registration__event button[type="submit"],
.tribe-block__tickets__registration__checkout button[type="submit"] {
	background-color: #ffbb00;
	border: 1px solid #ffbb00;
	border-radius: 4px;
	color: #ffffff;
	padding: 6px 12px;
}
.eddtickets-add button.tribe-button:hover,
.tribe-block__tickets__registration__event button[type="submit"]:hover,
.tribe-block__tickets__registration__checkout button[type="submit"]:hover {
	cursor: pointer;
	background-color: #ffbb00;
	border: 1px solid #ffbb00;
	color: #ffffff;
}