Support Bereich Hier finden Sie Antworten auf alle Fragen zu Ihrem Xobor Forum.
Wählen Sie zunächst einen Hilfe-Bereich.

Hallo Frank,
es gibt zwei Möglichkeiten: Du ersetzst in den betreffenden Template-Elementen die Klasse "button" an gewünschter Stelle gegen eine neue Klasse (z. B. "button_new") und stattest diese dann per CSS-Styleanweisung mit eigenen Attributen aus.

Damit erreichst du praktisch jeden einzelnen Button separat, wobei du das "a." vor der Klasse nicht berücksichtigen brauchst, da es sich, ähnlich wie bei "submit" und "input" lediglich um eine sogenannte Pseudoklasse handelt.

Allerdings erfordert diese Variante unbedingt einen Template-Eingriff.

Variante 2 (falls sich das Aussehen der a.buttons vielleicht nur auf eine bestimmte, oder zumindest nur auf ein paar wenige Pages beschränken sollte): gezielt nur die a.buttons auf bestimmten Seiten ansprechen. Das geht folgendermaßen:

Beispiel 1 (Blog Übersichtsseite):

.page_blog_main .button {
    background-color: #ff0000;
    background-image: none;
}
.page_blog_main .button:hover {
    background-color: #00ff00;
    background-image: none;
}
 

Beispiel 2 (Blog - Artikel erstellen):

.page_blog_new .button {
    background-color: #ff0000;
}
.page_blog_new .button:hover {
    background-color: #00ff00;
}
 

Beispiel 3 (Kalender Übersichtsseite):

.page_calendar a.button {
    background-color: #ff0000 !important;
    background-image: none;
}
.page_calendar a.button:hover {
    background-color: #00ff00 !important;
    background-image: none;
}
 

Beispiel 4 (Kalender - Ereignisse eintragen):

.page_calendar_event .button {
    background-color: #ff0000 !important;
}
.page_calendar_event .button:hover {
    background-color: #00ff00 !important;
}
 

Anmerkung: Manchmal bedarf es des Zusatzes "!important", damit eine Anweisung greift.
Probiere am besten immer, ob es auch ohne geht – denn dies wäre zu bevorzugen.

Weiters: manche Buttons lassen sich in der Anweisung für "background-color" erst ansprechen, wenn wenn du gleichzeitig "background-image" auf "none"setzst (siehe auch in obigen Beispiel-Codes).

Grundsätzlich kannst du so einzelnen Buttons ein völlig neues Aussehen verleihen, indem du auch, beispielsweise den Eigenschaften
"border" (für Rahmen-Farbe und -Dicke),
padding (für die Größe des Buttons),
"color" (Schriftfarbe),
"font-size" (Schriftgröße)
etc.
andere Werte zuweist.

LG. Romulus